discourse/test/javascripts/acceptance/topic-test.js.es6

157 lines
4.8 KiB
JavaScript

import { acceptance } from "helpers/qunit-helpers";
acceptance("Topic", { loggedIn: true });
QUnit.test("Share Popup", assert => {
visit("/t/internationalization-localization/280");
andThen(() => {
assert.ok(!exists('#share-link.visible'), 'it is not visible');
});
click("button[data-share-url]");
andThen(() => {
assert.ok(exists('#share-link.visible'), 'it shows the popup');
});
click('#share-link .close-share');
andThen(() => {
assert.ok(!exists('#share-link.visible'), 'it closes the popup');
});
// TODO tgxworld This fails on Travis but we need to push the security fix out
// first.
// click('#topic-footer-buttons .btn.create');
// fillIn('.d-editor-input', '<h2><div data-share-url="something">Click</button><h2>');
//
// click('#reply-control .btn.create');
// click('h2 div[data-share-url]');
//
// andThen(() => {
// ok(!exists('#share-link.visible'), 'it does not show the popup');
// });
});
QUnit.test("Showing and hiding the edit controls", assert => {
visit("/t/internationalization-localization/280");
click('#topic-title .d-icon-pencil');
andThen(() => {
assert.ok(exists('#edit-title'), 'it shows the editing controls');
});
fillIn('#edit-title', 'this is the new title');
click('#topic-title .cancel-edit');
andThen(() => {
assert.ok(!exists('#edit-title'), 'it hides the editing controls');
});
});
QUnit.test("Updating the topic title and category", assert => {
visit("/t/internationalization-localization/280");
click('#topic-title .d-icon-pencil');
fillIn('#edit-title', 'this is the new title');
expandSelectBox('.title-wrapper .category-select-box');
selectBoxSelectRow(4, {selector: '.title-wrapper .category-select-box'});
click('#topic-title .submit-edit');
andThen(() => {
assert.equal(find('#topic-title .badge-category').text(), 'faq', 'it displays the new category');
assert.equal(find('.fancy-title').text().trim(), 'this is the new title', 'it displays the new title');
});
});
QUnit.test("Marking a topic as wiki", assert => {
server.put('/posts/398/wiki', () => { // eslint-disable-line no-undef
return [
200,
{ "Content-Type": "application/json" },
{}
];
});
visit("/t/internationalization-localization/280");
andThen(() => {
assert.ok(find('a.wiki').length === 0, 'it does not show the wiki icon');
});
click('.topic-post:eq(0) button.show-more-actions');
click('.topic-post:eq(0) button.show-post-admin-menu');
click('.btn.wiki');
andThen(() => {
assert.ok(find('a.wiki').length === 1, 'it shows the wiki icon');
});
});
QUnit.test("Reply as new topic", assert => {
visit("/t/internationalization-localization/280");
click("button.share:eq(0)");
click(".reply-as-new-topic a");
andThen(() => {
assert.ok(exists('.d-editor-input'), 'the composer input is visible');
assert.equal(
find('.d-editor-input').val().trim(),
`Continuing the discussion from [Internationalization / localization](${window.location.origin}/t/internationalization-localization/280):`,
"it fills composer with the ring string"
);
assert.equal(
selectBox('.category-select-box').header.text(), "feature",
"it fills category selector with the right category"
);
});
});
QUnit.test("Reply as new message", assert => {
visit("/t/pm-for-testing/12");
click("button.share:eq(0)");
click(".reply-as-new-topic a");
andThen(() => {
assert.ok(exists('.d-editor-input'), 'the composer input is visible');
assert.equal(
find('.d-editor-input').val().trim(),
`Continuing the discussion from [PM for testing](${window.location.origin}/t/pm-for-testing/12):`,
"it fills composer with the ring string"
);
const targets = find('.item span', '.composer-fields');
assert.equal(
$(targets[0]).text(), "someguy",
"it fills up the composer with the right user to start the PM to"
);
assert.equal(
$(targets[1]).text(), "test",
"it fills up the composer with the right user to start the PM to"
);
assert.equal(
$(targets[2]).text(), "Group",
"it fills up the composer with the right group to start the PM to"
);
});
});
QUnit.test("Updating the topic title with emojis", assert => {
visit("/t/internationalization-localization/280");
click('#topic-title .d-icon-pencil');
fillIn('#edit-title', 'emojis title :bike: :blonde_woman:t6:');
click('#topic-title .submit-edit');
andThen(() => {
assert.equal(find('.fancy-title').html().trim(), 'emojis title <img src=\"/images/emoji/emoji_one/bike.png?v=5\" title=\"bike\" alt=\"bike\" class=\"emoji\"> <img src=\"/images/emoji/emoji_one/blonde_woman/6.png?v=5\" title=\"blonde_woman:t6\" alt=\"blonde_woman:t6\" class=\"emoji\">', 'it displays the new title with emojis');
});
});