File: public/js/tinymce/src/ui/src/test/js/browser/content/LinkTargetsTest.js

asynctest(
  'browser.tinymce.ui.content.LinkTargetsTest',
  [
    'ephox.mcagar.api.LegacyUnit',
    'ephox.agar.api.Pipeline',
    'tinymce.ui.content.LinkTargets',
    'tinymce.core.util.Arr',
    'global!document'
  ],
  function (LegacyUnit, Pipeline, LinkTargets, Arr, document) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];
    var suite = LegacyUnit.createSuite();

    var createFromHtml = function (html) {
      var elm = document.createElement('div');
      elm.contentEditable = true;
      elm.innerHTML = html;
      return elm;
    };

    var targetsIn = function (html) {
      return LinkTargets.find(createFromHtml(html));
    };

    var equalTargets = function (actualTargets, expectedTargets, message) {
      var nonAttachedTargets = Arr.map(actualTargets, function (target) {
        return {
          level: target.level,
          title: target.title,
          type: target.type,
          url: target.url
        };
      });

      LegacyUnit.deepEqual(nonAttachedTargets, expectedTargets, message);
    };

    suite.test('Non link targets', function () {
      LegacyUnit.equal(targetsIn('a').length, 0, 'Text has no targets');
      LegacyUnit.equal(targetsIn('<p>a</p>').length, 0, 'Paragraph has no targets');
      LegacyUnit.equal(targetsIn('<a href="#1">a</a>').length, 0, 'Link has no targets');
    });

    suite.test('Anchor targets', function () {
      equalTargets(targetsIn('<a id="a"></a>'), [{ level: 0, title: '#a', type: 'anchor', url: '#a' }], 'Anchor with id');
      equalTargets(targetsIn('<a name="a"></a>'), [{ level: 0, title: '#a', type: 'anchor', url: '#a' }], 'Anchor with name');
      equalTargets(targetsIn('<a name="a" contentEditable="false"></a>'), [], 'cE=false anchor');
      equalTargets(targetsIn('<div contentEditable="false"><a name="a"></a></div>'), [], 'Anchor in cE=false');
      equalTargets(targetsIn('<a name=""></a>'), [], 'Empty anchor name should not produce a target');
      equalTargets(targetsIn('<a id=""></a>'), [], 'Empty anchor id should not produce a target');
    });

    suite.test('Header targets', function () {
      equalTargets(targetsIn('<h1 id="a">a</h1>'), [{ level: 1, title: 'a', type: 'header', url: '#a' }], 'Header 1 with id');
      equalTargets(targetsIn('<h2 id="a">a</h2>'), [{ level: 2, title: 'a', type: 'header', url: '#a' }], 'Header 2 with id');
      equalTargets(targetsIn('<h3 id="a">a</h3>'), [{ level: 3, title: 'a', type: 'header', url: '#a' }], 'Header 3 with id');
      equalTargets(targetsIn('<h4 id="a">a</h4>'), [{ level: 4, title: 'a', type: 'header', url: '#a' }], 'Header 4 with id');
      equalTargets(targetsIn('<h5 id="a">a</h5>'), [{ level: 5, title: 'a', type: 'header', url: '#a' }], 'Header 5 with id');
      equalTargets(targetsIn('<h6 id="a">a</h6>'), [{ level: 6, title: 'a', type: 'header', url: '#a' }], 'Header 6 with id');
      equalTargets(targetsIn('<h1 id="a"></h1>'), [], 'Empty header should not produce a target');
      equalTargets(targetsIn('<div contentEditable="false"><h1 id="a">a</h1></div>'), [], 'Header in cE=false');
      equalTargets(targetsIn('<h1 id="a" contentEditable="false">a</h1>'), [], 'cE=false header');
    });

    suite.test('Mixed targets', function () {
      equalTargets(
        targetsIn('<h1 id="a">a</h1><a id="b"></a>'),
        [
          { level: 1, title: 'a', type: 'header', url: '#a' },
          { level: 0, title: '#b', type: 'anchor', url: '#b' }
        ],
        'Header 1 with id and anchor with id'
      );
    });

    suite.test('Anchor attach', function () {
      var elm = createFromHtml('<a id="a"></a>');
      var targets = LinkTargets.find(elm);

      targets[0].attach();
      LegacyUnit.equal(elm.innerHTML, '<a id="a"></a>', 'Should remain the same as before attach');
    });

    suite.test('Header attach on header with id', function () {
      var elm = createFromHtml('<h1 id="a">a</h1>');
      var targets = LinkTargets.find(elm);

      targets[0].attach();
      LegacyUnit.equal(elm.innerHTML, '<h1 id="a">a</h1>', 'Should remain the same as before attach');
    });

    suite.test('Header attach on headers without ids', function () {
      var elm = createFromHtml('<h1>a</h1><h2>b</h2>');
      var targets = LinkTargets.find(elm);

      targets[0].attach();
      targets[1].attach();

      var idA = elm.firstChild.id;
      var idB = elm.lastChild.id;
      var afterAttachHtml = elm.innerHTML;

      LegacyUnit.equal(afterAttachHtml, '<h1 id="' + idA + '">a</h1><h2 id="' + idB + '">b</h2>', 'Should have unique id:s');
      LegacyUnit.equal(idA === idB, false, 'Should not be equal id:s');

      targets[0].attach();
      targets[1].attach();

      LegacyUnit.equal(elm.innerHTML, afterAttachHtml, 'Should be the same id:s regardless of how many times you attach');
    });

    Pipeline.async({}, suite.toSteps({}), function () {
      success();
    }, failure);
  }
);