/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/* import-globals-from ../../mochitest/layout.js */

async function testContentBounds(browser, acc) {
  let [expectedX, expectedY, expectedWidth, expectedHeight] =
    await getContentBoundsForDOMElm(browser, getAccessibleDOMNodeID(acc));

  let contentDPR = await getContentDPR(browser);
  const [x, y, width, height] = await untilCacheCondition(
    (testX, testY, testW, testH) =>
      testX == expectedX &&
      testY == expectedY &&
      testW == expectedWidth &&
      testH >= expectedHeight,
    () => getBounds(acc, contentDPR)
  );
  let prettyAccName = prettyName(acc);
  is(x, expectedX, "Wrong x coordinate of " + prettyAccName);
  is(y, expectedY, "Wrong y coordinate of " + prettyAccName);
  is(width, expectedWidth, "Wrong width of " + prettyAccName);
  Assert.greaterOrEqual(
    height,
    expectedHeight,
    "Wrong height of " + prettyAccName
  );
}

async function runTests(browser, accDoc) {
  let p = findAccessibleChildByID(accDoc, "div");
  let p2 = findAccessibleChildByID(accDoc, "p");

  await testContentBounds(browser, p);
  await testContentBounds(browser, p2);
}

/**
 * Test accessible bounds for accs with display:contents
 */
addAccessibleTask(
  `
  <div id="div">before
    <ul id="ul" style="display: contents;">
      <li id="li" style="display: contents;">
        <p id="p">item</p>
      </li>
    </ul>
  </div>`,
  runTests,
  { iframe: true, remoteIframe: true }
);

/**
 * Test that a fieldset with display:contents reports non-zero bounds.
 */
addAccessibleTask(
  `<fieldset style="display:contents" id="fieldset">
     <legend>hello world</legend>
     <label><input type="radio" name="grp">I am a radio button</label>
     <label><input type="radio" name="grp" checked>I am a radio too</label>
   </fieldset>`,
  async function (browser, accDoc) {
    const fieldset = findAccessibleChildByID(accDoc, "fieldset");
    const contentDPR = await getContentDPR(browser);
    const [, , width, height] = getBounds(fieldset, contentDPR);
    Assert.greater(width, 0, "display:contents fieldset has positive width");
    Assert.greater(height, 0, "display:contents fieldset has positive height");
  },
  { chrome: true, topLevel: true, iframe: true, remoteIframe: true }
);
