ep_comments_page 11.0.26 → 11.0.28

package/static/tests/frontend/specs/comment_l10n.js

@@ -1,141 +0,0 @@
-'use strict';
-
-const utils = require('../utils');
-
-const commentedText = 'This content will receive a comment';
-const suggestedText = 'Change to this suggestion';
-
-// create a new pad with comment before each test run
-beforeEach(async function () {
-  this.timeout(60000);
-  await utils.aNewPad();
-  await createComment();
-  await changeEtherpadLanguageTo('en');
-});
-
-// ensure we go back to English to avoid breaking other tests:
-after(async function () {
-  await changeEtherpadLanguageTo('en');
-});
-
-it('uses default values when language was not localized yet', async function () {
-  await changeEtherpadLanguageTo('oc');
-  const outer$ = helper.padOuter$;
-
-  // get the title of the comment
-  const $changeToLabel = outer$('.comment-suggest').first();
-  expect($changeToLabel.text()).to.be(
-      '                                  Include suggested change             ');
-});
-
-it('localizes comment when Etherpad language is changed', async function () {
-  await changeEtherpadLanguageTo('pt-br');
-  const outer$ = helper.padOuter$;
-  const commentId = getCommentId();
-
-  // get the 'Suggested Change' label
-  const $changeToLabel = outer$(`#${commentId} .from-label`).first();
-  expect($changeToLabel.text())
-      .to.be(`Alteração sugerida de "${commentedText}" para "${suggestedText}"`);
-});
-
-it("localizes 'new comment' form when Etherpad language is changed", async function () {
-  // make sure form was created before changing the language
-  const inner$ = helper.padInner$;
-  const outer$ = helper.padOuter$;
-  const chrome$ = helper.padChrome$;
-
-  // get the first text element out of the inner iframe
-  const $firstTextElement = inner$('div').first();
-
-  // get the comment button and click it
-  $firstTextElement.sendkeys('{selectall}'); // needs to select content to add comment to
-  const $commentButton = chrome$('.addComment');
-  $commentButton.click();
-
-  await changeEtherpadLanguageTo('pt-br');
-  // get the 'Include suggested change' label
-  const $changeToLabel = outer$('.new-comment label.label-suggestion-checkbox').first();
-  expect($changeToLabel.text()).to.be('Incluir alteração sugerida');
-});
-
-/* ********** Helper functions ********** */
-
-const createComment = async () => {
-  const inner$ = helper.padInner$;
-  const chrome$ = helper.padChrome$;
-
-  // Returns the first line div. Must be a function because Etherpad might replace the div with a
-  // new div if the content changes.
-  const $firstTextElement = () => {
-    const $div = inner$('div').first();
-    expect($div.length).to.be(1);
-    return $div;
-  };
-
-  // simulate key presses to delete content
-  $firstTextElement().sendkeys('{selectall}'); // select all
-  $firstTextElement().sendkeys('{del}'); // clear the first line
-  $firstTextElement().sendkeys(commentedText); // insert text
-
-  // get the comment button and click it
-  $firstTextElement().sendkeys('{selectall}'); // needs to select content to add comment to
-  const $commentButton = chrome$('.addComment');
-  expect($commentButton.length).to.be(1);
-  $commentButton.click();
-
-  // fill the comment form and submit it
-  const $commentField = chrome$('textarea.comment-content');
-  expect($commentField.length).to.be(1);
-  $commentField.val('My comment');
-  const $hasSuggestion = chrome$('#newComment .suggestion-checkbox');
-  expect($hasSuggestion.length).to.be(1);
-  $hasSuggestion.click();
-  const $suggestionField = chrome$('textarea.to-value');
-  expect($suggestionField.length).to.be(1);
-  $suggestionField.val(suggestedText);
-  const $submittButton = chrome$('.comment-buttons input[type=submit]');
-  expect($submittButton.length).to.be(1);
-  $submittButton.click();
-
-  // wait until comment is created and comment id is set
-  await helper.waitForPromise(() => getCommentId() != null);
-};
-
-const changeEtherpadLanguageTo = async (lang) => {
-  const boldTitles = {
-    'en': 'Bold (Ctrl+B)',
-    'pt-br': 'Negrito (Ctrl-B)',
-    'oc': 'Gras (Ctrl-B)',
-  };
-  const chrome$ = helper.padChrome$;
-
-  // click on the settings button to make settings visible
-  const $settingsButton = chrome$('.buttonicon-settings');
-  $settingsButton.click();
-
-  // select the language
-  const $language = chrome$('#languagemenu');
-  const $languageoption = $language.find(`[value=${lang}]`);
-  $languageoption.attr('selected', 'selected');
-  $language.trigger('change');
-
-  // hide settings again
-  $settingsButton.click();
-
-  await helper.waitForPromise(
-      () => {
-        console.log(chrome$('.buttonicon-bold').parent()[0].title);
-        return chrome$('.buttonicon-bold').parent()[0].title === boldTitles[lang];
-      });
-};
-
-const getCommentId = () => {
-  const inner$ = helper.padInner$;
-  const comment = inner$('.comment');
-  if (comment.length === 0) return null;
-  for (const cls of comment[0].classList) {
-    if (cls.startsWith('c-')) return cls;
-  }
-  return null;
-};

package/static/tests/frontend/specs/comment_settings.js

@@ -1,132 +0,0 @@
-'use strict';
-
-describe('ep_comments_page - Comment settings', function () {
-  describe("when user unchecks 'Show Comments'", function () {
-    // create a new pad and check "Show Comments" checkbox
-    before(function (cb) {
-      helper.newPad(() => {
-        helper.waitFor(() => helper.padInner$).done(() => {
-          chooseToShowComments(false, cb);
-        });
-      });
-      this.timeout(60000);
-    });
-
-    xit('sidebar comments should not be visible when opening a new pad', function (done) {
-      this.timeout(60000);
-      // force to create a new pad, so validation would be on brand new pads
-      helper.newPad(() => {
-        const outer$ = helper.padOuter$;
-        helper.waitFor(() => {
-          const outer$ = helper.padOuter$;
-          return outer$;
-        }).done(() => {
-          helper.waitFor(() => {
-            const outer$ = helper.padOuter$;
-            // hidden
-            if (outer$('#comments').is(':visible') === false) {
-              return true;
-            }
-          }).done(() => {
-            expect(outer$('#comments').is(':visible')).to.be(false);
-            done();
-          });
-        });
-      });
-    });
-
-    xit('sidebar comments not visible when adding a new comment to a new pad', function (done) {
-      this.timeout(60000);
-      // force to create a new pad, so validation would be on brand new pads
-      helper.newPad(() => {
-        createComment(() => {
-          const inner$ = helper.padInner$;
-          const outer$ = helper.padOuter$;
-          const chrome$ = helper.padChrome$;
-
-          // get the first text element out of the inner iframe
-          const $firstTextElement = inner$('div').first();
-          $firstTextElement.sendkeys('{selectall}'); // needs to select content to add comment to
-
-          // get the comment button and click it
-          const $commentButton = chrome$('.addComment');
-          $commentButton.click();
-
-          expect(outer$('#comments:visible').length).to.be(0);
-          done();
-        });
-      });
-    });
-  });
-
-  /* ********** Helper functions ********** */
-
-  const chooseToShowComments = (shouldShowComments, callback) => {
-    const chrome$ = helper.padChrome$;
-
-    // click on the settings button to make settings visible
-    const $settingsButton = chrome$('.buttonicon-settings');
-    console.log($settingsButton);
-    $settingsButton.click();
-
-    // check "Show Comments"
-    const $showComments = chrome$('#options-comments');
-    console.log($showComments);
-    if ($showComments.is(':checked') !== shouldShowComments) {
-      $showComments.click();
-      console.log('clicking to disable');
-    }
-
-    // hide settings again
-    $settingsButton.click();
-
-    callback();
-  };
-
-  const createComment = (callback) => {
-    const inner$ = helper.padInner$;
-    const outer$ = helper.padOuter$;
-    const chrome$ = helper.padChrome$;
-
-    // get the first text element out of the inner iframe
-    const $firstTextElement = inner$('div').first();
-
-    // simulate key presses to delete content
-    $firstTextElement.sendkeys('{selectall}'); // select all
-    $firstTextElement.sendkeys('{del}'); // clear the first line
-    $firstTextElement.sendkeys('This content will receive a comment'); // insert text
-
-    // get the comment button and click it
-    $firstTextElement.sendkeys('{selectall}'); // needs to select content to add comment to
-    const $commentButton = chrome$('.addComment');
-    $commentButton.click();
-
-    // fill the comment form and submit it
-    const $commentField = chrome$('textarea.comment-content');
-    $commentField.val('My comment');
-    const $hasSuggestion = outer$('.suggestion-checkbox');
-    $hasSuggestion.click();
-    const $suggestionField = outer$('textarea.to-value');
-    $suggestionField.val('Change to this suggestion');
-    const $submittButton = chrome$('.comment-buttons input[type=submit]');
-    $submittButton.click();
-
-    // wait until comment is created and comment id is set
-    helper.waitFor(() => getCommentId() != null)
-        .done(callback);
-  };
-
-  const getCommentId = () => {
-    helper.waitFor(() => {
-      const inner$ = helper.padInner$;
-      if (inner$) return true;
-    }).done(() => {
-      const inner$ = helper.padInner$;
-      const comment = inner$('.comment').first();
-      const cls = comment.attr('class');
-      const classCommentId = /(?:^| )(c-[A-Za-z0-9]*)/.exec(cls);
-      const commentId = (classCommentId) ? classCommentId[1] : null;
-      return commentId;
-    });
-  };
-});

package/static/tests/frontend/specs/newComment.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const utils = require('../utils');
-
-before(async function () {
-  await utils.aNewPad();
-  helper.padInner$('div').first()
-      .sendkeys('{selectall}')
-      .sendkeys('{del}')
-      .text('commented text')
-      .sendkeys('{selectall}');
-});
-
-it('new comment button focuses on comment textarea', async function () {
-  helper.padChrome$('.addComment').click();
-  expect(helper.padChrome$.document.activeElement)
-      .to.be(helper.padChrome$('#newComment').find('.comment-content')[0]);
-});

package/static/tests/frontend/specs/preCommentMark.js

@@ -1,241 +0,0 @@
-'use strict';
-
-describe('ep_comments_page - Pre-comment text mark', function () {
-  let padId;
-
-  // create a new pad before each test run
-  beforeEach(function (cb) {
-    padId = helper.newPad(() => {
-      createPadWithTwoLines(() => {
-        selectLineAndOpenCommentForm(0, cb);
-      });
-    });
-    this.timeout(60000);
-  });
-
-  it('marks selected text when New Comment form is opened', function (done) {
-    if (textHighlightIsDisabled()) {
-      return done();
-    }
-    const inner$ = helper.padInner$;
-
-    // verify if text was marked with pre-comment class
-    const $preCommentTextMarked = inner$('.pre-selected-comment');
-    expect($preCommentTextMarked.length).to.be(1);
-    expect($preCommentTextMarked.text()).to.be('Line 1');
-
-    done();
-  });
-
-  context('when user reloads pad', function () {
-    beforeEach(function (cb) {
-      this.timeout(20000);
-
-      // wait for changes to be saved as a revision before reloading the pad, otherwise
-      // it won't have the text that we created on beforeEach after reload
-      setTimeout(() => {
-        helper.newPad(cb, padId);
-      }, 5000);
-    });
-
-    it('does not have any marked text after pad is fully loaded', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const inner$ = helper.padInner$;
-
-      // it takes some time for marks to be removed, so wait for it
-      helper.waitFor(() => {
-        const $preCommentTextMarked = inner$('.pre-selected-comment');
-        return $preCommentTextMarked.length === 0;
-      }).done(done);
-    });
-  });
-
-  context('when user performs UNDO operation', function () {
-    beforeEach(function (cb) {
-      this.timeout(20000);
-
-      // wait for changes to be saved as a revision and reload pad, otherwise
-      // UNDO will remove the text that we created on beforeEach
-      setTimeout(() => {
-        helper.newPad(cb, padId);
-      }, 5000);
-    });
-
-    it('keeps marked text', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const chrome$ = helper.padChrome$;
-      const inner$ = helper.padInner$;
-
-      // marks text
-      selectLineAndOpenCommentForm(0, () => {
-        // perform UNDO
-        const $undoButton = chrome$('.buttonicon-undo');
-        $undoButton.click();
-
-        // verify if text was marked with pre-comment class
-        const $preCommentTextMarked = inner$('.pre-selected-comment');
-        expect($preCommentTextMarked.length).to.be(1);
-        expect($preCommentTextMarked.text()).to.be('Line 1');
-
-        done();
-      });
-    });
-  });
-
-  context('when user changes selected text', function () {
-    beforeEach(function (cb) {
-      const inner$ = helper.padInner$;
-
-      // select second line of text
-      const $secondLine = inner$('div').first().next();
-      $secondLine.sendkeys('{selectall}');
-
-      cb();
-    });
-
-    it('keeps marked text', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const inner$ = helper.padInner$;
-
-      // verify if text was marked with pre-comment class
-      const $preCommentTextMarked = inner$('.pre-selected-comment');
-      expect($preCommentTextMarked.length).to.be(1);
-      expect($preCommentTextMarked.text()).to.be('Line 1');
-
-      done();
-    });
-  });
-
-  context('when user closes the New Comment form', function () {
-    beforeEach(function (cb) {
-      const outer$ = helper.padOuter$;
-
-      const $cancelButton = outer$('#comment-reset');
-      $cancelButton.click();
-
-      cb();
-    });
-
-    it('unmarks text', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const inner$ = helper.padInner$;
-
-      // verify if there is no text marked with pre-comment class
-      const $preCommentTextMarked = inner$('.pre-selected-comment');
-      expect($preCommentTextMarked.length).to.be(0);
-
-      done();
-    });
-  });
-
-  context('when user submits the comment', function () {
-    beforeEach(function (cb) {
-      const outer$ = helper.padOuter$;
-      const chrome$ = helper.padChrome$;
-
-      // fill the comment form and submit it
-      const $commentField = chrome$('textarea.comment-content');
-      $commentField.val('My comment');
-      const $hasSuggestion = outer$('.suggestion-checkbox');
-      $hasSuggestion.click();
-      const $suggestionField = outer$('textarea.to-value');
-      $suggestionField.val('Change to this suggestion');
-      const $submittButton = chrome$('.comment-buttons input[type=submit]');
-      $submittButton.click();
-
-      // wait until comment is created and comment id is set
-      helper.waitFor(() => getCommentId() != null).done(cb);
-    });
-
-    it('unmarks text', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const inner$ = helper.padInner$;
-
-      // verify if there is no text marked with pre-comment class
-      const $preCommentTextMarked = inner$('.pre-selected-comment');
-      expect($preCommentTextMarked.length).to.be(0);
-
-      done();
-    });
-  });
-
-  context('when user selects another text range and opens New Comment form for it', function () {
-    beforeEach(function (cb) {
-      selectLineAndOpenCommentForm(1, cb);
-    });
-
-    it('changes the marked text', function (done) {
-      if (textHighlightIsDisabled()) {
-        return done();
-      }
-      const inner$ = helper.padInner$;
-
-      // verify if text was marked with pre-comment class
-      const $preCommentTextMarked = inner$('.pre-selected-comment');
-      expect($preCommentTextMarked.length).to.be(1);
-      expect($preCommentTextMarked.text()).to.be('Line 2');
-
-      done();
-    });
-  });
-
-  /* ********** Helper functions ********** */
-  const createPadWithTwoLines = (callback) => {
-    const inner$ = helper.padInner$;
-
-    // replace the first text element of pad with two lines
-    const $firstLine = inner$('div').first();
-    $firstLine.html('Line 1<br/>Line 2<br/>');
-
-    // wait until the two lines are split into two divs
-    helper.waitFor(() => {
-      const $secondLine = inner$('div').first().next();
-      return $secondLine.text() === 'Line 2';
-    }).done(callback);
-  };
-
-  const selectLineAndOpenCommentForm = (lineNumber, callback) => {
-    const chrome$ = helper.padChrome$;
-
-    // select first line to add comment to
-    const $targetLine = getLine(lineNumber);
-    $targetLine.sendkeys('{selectall}');
-
-    // get the comment button and click it
-    const $commentButton = chrome$('.addComment');
-    $commentButton.click();
-
-    callback();
-  };
-
-  const getCommentId = () => {
-    const inner$ = helper.padInner$;
-    const comment = inner$('.comment').first();
-    const cls = comment.attr('class');
-    const classCommentId = /(?:^| )(c-[A-Za-z0-9]*)/.exec(cls);
-    const commentId = (classCommentId) ? classCommentId[1] : null;
-
-    return commentId;
-  };
-
-  const getLine = (lineNumber) => {
-    const inner$ = helper.padInner$;
-    let line = inner$('div').first();
-    for (let i = lineNumber - 1; i >= 0; i--) {
-      line = line.next();
-    }
-    return line;
-  };
-
-  const textHighlightIsDisabled = () => !helper.padChrome$.window.clientVars.highlightSelectedText;
-});