File: public/js/tinymce/src/ui/src/test/js/browser/fmt/FontInfoTest.js

asynctest(
  'browser.tinymce.ui.fmt.FontInfoTest',
  [
    'ephox.agar.api.Pipeline',
    'ephox.mcagar.api.LegacyUnit',
    'ephox.sugar.api.dom.Hierarchy',
    'ephox.sugar.api.node.Element',
    'global!document',
    'tinymce.ui.fmt.FontInfo'
  ],
  function (Pipeline, LegacyUnit, Hierarchy, Element, document, FontInfo) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];
    var suite = LegacyUnit.createSuite();

    var assertComputedFontProp = function (fontProp, html, path, expected) {
      var div = document.createElement('div');
      var fontGetProp = fontProp === 'fontSize' ? FontInfo.getFontSize : FontInfo.getFontFamily;

      document.body.appendChild(div);
      div.style[fontProp] = expected;
      div.innerHTML = html;
      var elm = Hierarchy.follow(Element.fromDom(div), path).getOrDie('oh no! ' + path.toString() + '  path was bad');
      var actual = fontGetProp(div, elm.dom());
      LegacyUnit.equal(
        actual,
        expected,
        'Doesn\'t match the expected computed runtime style'
      );
      div.parentNode.removeChild(div);
    };

    var assertSpecificFontProp = function (fontProp, html, path, expected) {
      var div = document.createElement('div');
      var fontGetProp = fontProp === 'fontSize' ? FontInfo.getFontSize : FontInfo.getFontFamily;

      document.body.appendChild(div);
      div.innerHTML = html;
      var elm = Hierarchy.follow(Element.fromDom(div), path).getOrDie('oh no! ' + path.toString() + '  path was bad');
      var actual = fontGetProp(div, elm.dom());
      LegacyUnit.equal(
        actual,
        expected,
        'Doesn\'t match the expected specific element style'
      );
      div.parentNode.removeChild(div);
    };

    suite.test('toPt', function () {
      LegacyUnit.equal(FontInfo.toPt('10px'), '8pt');
      LegacyUnit.equal(FontInfo.toPt('10px', 1), '7.5pt');
      LegacyUnit.equal(FontInfo.toPt('11px'), '8pt');
      LegacyUnit.equal(FontInfo.toPt('12px'), '9pt');
      LegacyUnit.equal(FontInfo.toPt('13px', 2), '9.75pt');
      LegacyUnit.equal(FontInfo.toPt('13px', 1), '9.8pt');
      LegacyUnit.equal(FontInfo.toPt('14px'), '11pt');
      LegacyUnit.equal(FontInfo.toPt('36px'), '27pt');
    });

    suite.test('getFontSize', function () {
      assertComputedFontProp('fontSize', '<mark></mark>', [0], '10px');
      assertComputedFontProp('fontSize', '<span><mark></mark></span>', [0, 0], '10px');
      assertSpecificFontProp('fontSize', '<mark style="font-size: 10px"></mark>', [0], '10px');
      assertSpecificFontProp('fontSize', '<mark style="font-size: 14px"></mark>', [0], '14px');
      assertSpecificFontProp('fontSize', '<mark style="font-size: 14pt"></mark>', [0], '14pt');
      assertSpecificFontProp('fontSize', '<mark style="font-size: 14em"></mark>', [0], '14em');
      assertSpecificFontProp('fontSize', '<span style="font-size: 10px"><mark></mark></span>', [0, 0], '10px');
      assertSpecificFontProp('fontSize', '<span style="font-size: 14px"><mark></mark></span>', [0, 0], '14px');
      assertSpecificFontProp('fontSize', '<span style="font-size: 10px"><span><mark></mark></span></span>', [0, 0, 0], '10px');
      assertSpecificFontProp('fontSize', '<span style="font-size: 14px"><span><mark></mark></span></span>', [0, 0, 0], '14px');
    });

    suite.test('getFontFamily', function () {
      assertComputedFontProp('fontFamily', '<mark></mark>', [0], 'Arial,Verdana');
      assertComputedFontProp('fontFamily', '<span><mark></mark></span>', [0, 0], 'Arial,Helvetica,Verdana');
      assertSpecificFontProp('fontFamily', '<mark style="font-family: Arial, Verdana"></mark>', [0], 'Arial,Verdana');
      assertSpecificFontProp('fontFamily', '<mark style="font-family: Arial, Helvetica, Verdana"></mark>', [0], 'Arial,Helvetica,Verdana');
      assertSpecificFontProp('fontFamily', '<span style="font-family: Arial, Verdana"><mark></mark></span>', [0, 0], 'Arial,Verdana');
      assertSpecificFontProp(
        'fontFamily',
        '<span style="font-family: Arial, Helvetica, Verdana"><mark></mark></span>',
        [0, 0],
        'Arial,Helvetica,Verdana'
      );
      assertSpecificFontProp(
        'fontFamily',
        '<span style="font-family: Arial, Verdana"><span><mark></mark></span>',
        [0, 0, 0],
        'Arial,Verdana'
      );
      assertSpecificFontProp(
        'fontFamily',
        '<span style="font-family: Arial, Helvetica, Verdana"><span><mark></mark></span></span>',
        [0, 0, 0],
        'Arial,Helvetica,Verdana'
      );
    });

    suite.asyncTest('getFontFamily should always return string even if display: none (firefox specific bug)', function (_, done) {
      var iframe = document.createElement('iframe');
      iframe.style.display = 'none';
      document.body.appendChild(iframe);

      iframe.addEventListener('load', function () {
        var fontFamily = FontInfo.getFontFamily(iframe.contentDocument.body, iframe.contentDocument.body.firstChild);
        LegacyUnit.equal(typeof fontFamily, 'string', 'Should always be a string');
        iframe.parentNode.removeChild(iframe);

        done();
      }, false);

      iframe.contentDocument.open();
      iframe.contentDocument.write('<html><body><p>a</p></body></html>');
      iframe.contentDocument.close();
    });

    suite.test('comments should always return empty string', function () {
      assertComputedFontProp('fontFamily', '<!-- comment -->', [0], '');
      assertComputedFontProp('fontSize', '<!-- comment -->', [0], '');
      assertSpecificFontProp('fontFamily', '<!-- comment -->', [0], '');
      assertSpecificFontProp('fontSize', '<!-- comment -->', [0], '');
    });

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