File: public/js/tinymce/src/themes/inlite/src/test/js/browser/core/MeasureTest.js

asynctest(
  'browser/core/MeasureTest',
  [
    'ephox.mcagar.api.TinyLoader',
    'tinymce.themes.inlite.Theme',
    'tinymce.themes.inlite.core.Measure',
    'ephox.agar.api.Pipeline',
    'ephox.mcagar.api.TinyApis',
    'ephox.agar.api.Step',
    'ephox.agar.api.Chain',
    'ephox.agar.api.UiFinder',
    'ephox.agar.api.Assertions'
  ],
  function (TinyLoader, Theme, Measure, Pipeline, TinyApis, Step, Chain, UiFinder, Assertions) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];

    var containsXY = function (r, x, y, loose) {
      var x1 = r.x - loose;
      var y1 = r.y - loose;
      var x2 = r.x + r.w + loose * 2;
      var y2 = r.y + r.h + loose * 2;

      return x >= x1 && x <= x2 && y >= y1 && y <= y2;
    };

    var contains = function (a, b, loose) {
      return containsXY(a, b.x, b.y, loose) && containsXY(a, b.x + b.w, b.y + b.h, loose);
    };

    var sAssertRect = function (editor, measure) {
      return Step.sync(function () {
        var elementRect = measure();
        var pageAreaRect = Measure.getPageAreaRect(editor);
        var contentAreaRect = Measure.getContentAreaRect(editor);

        Assertions.assertEq('Rect is not in page area rect', contains(pageAreaRect, elementRect, 1), true);
        Assertions.assertEq('Rect is not in content area rect', contains(contentAreaRect, elementRect, 1), true);
        Assertions.assertEq('Rect should have width', elementRect.w > 0, true);
        Assertions.assertEq('Rect should have height', elementRect.h > 0, true);
      });
    };

    var getElementRectFromSelector = function (editor, selector) {
      return function () {
        var elm = editor.dom.select(selector)[0];
        var rect = Measure.getElementRect(editor, elm);
        return rect;
      };
    };

    var getSelectionRectFromSelector = function (editor) {
      return function () {
        var rect = Measure.getSelectionRect(editor);
        return rect;
      };
    };

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

      Pipeline.async({}, [
        tinyApis.sSetContent('<p>a</p><p>b</p><div style="width: 50px; height: 300px">c</div><p>d</p>'),
        sAssertRect(editor, getElementRectFromSelector(editor, 'p:nth-child(1)')),
        tinyApis.sSetCursor([1, 0], 0),
        sAssertRect(editor, getSelectionRectFromSelector(editor))
      ], onSuccess, onFailure);
    }, {
      inline: true,
      theme: 'inlite',
      skin_url: '/project/src/skins/lightgray/dist/lightgray'
    }, success, failure);
  }
);