OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:14:55 AM	rwxr-xr-x
📄 DetailsElementTest.ts	2.35 KB	02/20/2020 06:14:41 AM	rw-r--r--
📄 FragmentReaderTest.ts	10.22 KB	02/20/2020 06:14:41 AM	rw-r--r--
📄 GetSelectionContentTest.ts	3.84 KB	02/20/2020 06:14:42 AM	rw-r--r--
📄 MultiClickSelectionTest.ts	1.92 KB	02/20/2020 06:14:42 AM	rw-r--r--
📄 NormalizeRangeTest.ts	13.26 KB	02/20/2020 06:14:43 AM	rw-r--r--
📄 RangeInsertNodeTest.ts	3.11 KB	02/20/2020 06:14:43 AM	rw-r--r--
📄 RangeNormalizerTest.ts	4.48 KB	02/20/2020 06:14:44 AM	rw-r--r--
📄 SelectionBookmarkIframeEditorTest.ts	4.57 KB	02/20/2020 06:14:44 AM	rw-r--r--
📄 SelectionBookmarkInlineEditorTest.ts	8.22 KB	02/20/2020 06:14:45 AM	rw-r--r--
📄 SelectionBookmarkTest.ts	7.51 KB	02/20/2020 06:14:45 AM	rw-r--r--
📄 SelectionUtilsTest.ts	3.35 KB	02/20/2020 06:14:47 AM	rw-r--r--
📄 SetSelectionContentTest.ts	6.33 KB	02/20/2020 06:14:47 AM	rw-r--r--
📄 SimpleTableModelTest.ts	6.95 KB	02/20/2020 06:14:47 AM	rw-r--r--
📄 TableCellSelectionTest.ts	2.26 KB	02/20/2020 06:14:48 AM	rw-r--r--

Editing: DetailsElementTest.ts

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

UnitTest.asynctest('browser.tinymce.selection.DetailsElementTest', (success, failure) => {
  Theme();

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

Pipeline.async({}, [
      Logger.t('Should should retain open attribute if it is not opened', GeneralSteps.sequence([
        tinyApis.sSetContent('<details><summary>a</summary>b</details>'),
        tinyApis.sAssertContentStructure(ApproxStructure.build((s, str, arr) => {
          return s.element('body', {
            children: [
              s.element('details', {
                attrs: {
                  'open': str.is('open'),
                  'data-mce-open': str.none('Should not have a data attr')
                },
                children: [
                  s.element('summary', {
                    children: [
                      s.text(str.is('a'))
                    ]
                  }),
                  s.text(str.is('b'))
                ]
              })
            ]
          });
        })),
        tinyApis.sAssertContent('<details><summary>a</summary>b</details>')
      ])),
      Logger.t('Should should retain open attribute if it opened', GeneralSteps.sequence([
        tinyApis.sSetContent('<details open="open"><summary>a</summary>b</details>'),
        tinyApis.sAssertContentStructure(ApproxStructure.build((s, str, arr) => {
          return s.element('body', {
            children: [
              s.element('details', {
                attrs: {
                  'open': str.is('open'),
                  'data-mce-open': str.is('open')
                },
                children: [
                  s.element('summary', {
                    children: [
                      s.text(str.is('a'))
                    ]
                  }),
                  s.text(str.is('b'))
                ]
              })
            ]
          });
        })),
        tinyApis.sAssertContent('<details open="open"><summary>a</summary>b</details>')
      ]))
    ], onSuccess, onFailure);
  }, {
    selector: 'textarea',
    indent: false,
    base_url: '/project/tinymce/js/tinymce'
  }, success, failure);
});