/* 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/role.js */
loadScripts({ name: "role.js", dir: MOCHITESTS_DIR });

addAccessibleTask(`
  <canvas id="canvas">
    <div id="dialog" role="dialog" style="display: none;"></div>
  </canvas>`, async function(browser, accDoc) {
  let canvas = findAccessibleChildByID(accDoc, "canvas");
  let dialog = findAccessibleChildByID(accDoc, "dialog");

  testAccessibleTree(canvas, { CANVAS: [] });

  let onShow = waitForEvent(EVENT_SHOW, "dialog");
  await invokeSetStyle(browser, "dialog", "display", "block");
  await onShow;

  testAccessibleTree(dialog, { DIALOG: [] });
});
