OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:14:55 AM	rwxr-xr-x
📄 AnnotateTest.ts	9.94 KB	02/20/2020 06:12:40 AM	rw-r--r--
📄 AnnotationChangedTest.ts	11.45 KB	02/20/2020 06:12:40 AM	rw-r--r--
📄 AnnotationPersistenceTest.ts	4.04 KB	02/20/2020 06:12:41 AM	rw-r--r--
📄 AnnotationRemovedTest.ts	5.77 KB	02/20/2020 06:12:41 AM	rw-r--r--

Editing: AnnotateTest.ts

import { GeneralSteps, Pipeline, Logger, Assertions, ApproxStructure } from '@ephox/agar';
import { UnitTest } from '@ephox/bedrock';
import { TinyApis, TinyLoader } from '@ephox/mcagar';
import Editor from 'tinymce/core/api/Editor';
import Theme from 'tinymce/themes/silver/Theme';

import { sAnnotate, sAssertHtmlContent } from '../../module/test/AnnotationAsserts';
import { Element } from '@ephox/sugar';

UnitTest.asynctest('browser.tinymce.core.annotate.AnnotateTest', (success, failure) => {
  Theme();

TinyLoader.setup(function (editor: Editor, onSuccess, onFailure) {
    const tinyApis = TinyApis(editor);

// TODO: Consider testing collapse sections.
 const sTestWordGrabIfCollapsed = Logger.t(
 'Should word grab with a collapsed selection',
 GeneralSteps.sequence([
 // 'This |is| the first paragraphThis is the second.'
 tinyApis.sSetContent('This is the first paragraph hereThis is the second.'),
 tinyApis.sSetSelection([ 0, 0 ], 'This is the first p'.length, [ 0, 0 ], 'This is the first p'.length),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'one-paragraph' }),
 sAssertHtmlContent(tinyApis, [
 `This is the first paragraph here`,
 'This is the second.</p'
 ]),

tinyApis.sAssertSelection([ 0 ], 1, [ 0 ], 2)
      ])
    );

const sTestCanAnnotateDirectParentOfRoot = Logger.t(
 'Should be able to annotate a direct parent of the body (e.g. an empty paragraph)',
 GeneralSteps.sequence([
 tinyApis.sSetContent('First Third'),
 tinyApis.sSetSelection([ 1 ], 0, [ 1 ], 0),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'empty-paragraph' }),
 sAssertHtmlContent(tinyApis, [
 'First',
 ' ',
 'Third'
 ]),
 ])
 );

const sTestDoesNotWordGrabIfNotCollapsed = Logger.t(
 'Should not word grab if the selection is not collapsed',
 GeneralSteps.sequence([
 // 'This |is| the first paragraphThis is the second.'
 tinyApis.sSetContent('This is the first paragraphThis is the second.'),
 tinyApis.sSetSelection([ 0, 0 ], 'This is the first p'.length, [ 0, 0 ], 'This is the first par'.length),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'one-paragraph' }),
 sAssertHtmlContent(tinyApis, [
 `This is the first paragraph`,
 'This is the second.</p'
 ]),

tinyApis.sAssertSelection([ 0 ], 1, [ 0 ], 2)
      ])
    );

const sTestInOneParagraph = Logger.t(
 'Testing in one pararaph',
 GeneralSteps.sequence([
 // 'This |is| the first paragraphThis is the second.'
 tinyApis.sSetContent('This is the first paragraphThis is the second.'),
 tinyApis.sSetSelection([ 0, 0 ], 'This '.length, [ 0, 0 ], 'This is'.length),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'one-paragraph' }),
 sAssertHtmlContent(tinyApis, [
 `This is the first paragraph`,
 'This is the second.</p'
 ]),

tinyApis.sAssertSelection([ 0 ], 1, [ 0 ], 2)
      ])
    );

const sTestInTwoParagraphs = Logger.t(
 'Testing over two paragraphs',
 GeneralSteps.sequence([
 // 'This |is the first paragraphThis is| the second.'
 tinyApis.sSetContent('This is the first paragraphThis is the second.'),
 tinyApis.sSetSelection([ 0, 0 ], 'This '.length, [ 1, 0 ], 'This is'.length),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'two-paragraphs' }),
 sAssertHtmlContent(tinyApis, [
 `This is the first paragraph`,
 `This is the second.`
 ]),
 tinyApis.sAssertSelection([ 0 ], 1, [ 1 ], 1)
 ])
 );

const sTestInThreeParagraphs = Logger.t(
 'Testing over three paragraphs',
 GeneralSteps.sequence([
 // 'This |is the first paragraphThis is the second.This is| the third.'
 tinyApis.sSetContent('This is the first paragraphThis is the second.This is the third.'),
 tinyApis.sSetSelection([ 0, 0 ], 'This '.length, [ 2, 0 ], 'This is'.length),
 sAnnotate(editor, 'test-annotation', 'test-uid', { anything: 'three-paragraphs' }),
 sAssertHtmlContent(tinyApis, [
 `This is the first paragraph`,
 `This is the second.`,
 `This is the third.`
 ]),
 tinyApis.sAssertSelection([ 0 ], 1, [ 2 ], 1)
 ])
 );

Pipeline.async({}, [
      tinyApis.sFocus,
      sTestWordGrabIfCollapsed,
      sTestDoesNotWordGrabIfNotCollapsed,
      sTestCanAnnotateDirectParentOfRoot,
      sTestCanAnnotateBeforeTwoNonBreakingSpaces,
      sTestCanAnnotateWithinTwoNonBreakingSpaces,
      sTestCanAnnotateAfterTwoNonBreakingSpaces,
      sTestInOneParagraph,
      sTestInTwoParagraphs,
      sTestInThreeParagraphs
    ], onSuccess, onFailure);
  }, {
    base_url: '/project/tinymce/js/tinymce',
    setup: (ed: Editor) => {
      ed.on('init', () => {
        ed.annotator.register('test-annotation', {
          decorate: (uid, data) => {
            return {
              attributes: {
                'data-test-anything': data.anything
              },
              classes: [ ]
            };
          }
        });
      });
    }
  }, success, failure);
});