/* 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(`
  <table id="table">
    <tr>
      <td>cell1</td>
      <td>cell2</td>
    </tr>
  </table>`, async function(browser, accDoc) {
  let table = findAccessibleChildByID(accDoc, 'table');

  let tree = {
    TABLE: [
      { ROW: [
        { CELL: [ {TEXT_LEAF: [] }]},
        { CELL: [ {TEXT_LEAF: [] }]}
      ] }
    ]
  };
  testAccessibleTree(table, tree);

  let onReorder = waitForEvent(EVENT_REORDER, 'table');
  await ContentTask.spawn(browser, {}, () => {
    // append a caption, it should appear as a first element in the
    // accessible tree.
    let doc = content.document;
    let caption = doc.createElement('caption');
    caption.textContent = 'table caption';
    doc.getElementById('table').appendChild(caption);
  });
  await onReorder;

  tree = {
    TABLE: [
      { CAPTION: [ { TEXT_LEAF: [] } ] },
      { ROW: [
        { CELL: [ {TEXT_LEAF: [] }]},
        { CELL: [ {TEXT_LEAF: [] }]}
      ] }
    ]
  };
  testAccessibleTree(table, tree);
});
