Dactyloidae/accessible/tests/browser/e10s/browser_caching_attributes.js

/* 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';

/* global EVENT_FOCUS */

loadScripts({ name: 'attributes.js', dir: MOCHITESTS_DIR });

/**
 * Default textbox accessible attributes.
 */
const defaultAttributes = {
  'margin-top': '0px',
  'margin-right': '0px',
  'margin-bottom': '0px',
  'margin-left': '0px',
  'text-align': 'start',
  'text-indent': '0px',
  'id': 'textbox',
  'tag': 'input',
  'display': 'inline'
};

/**
 * Test data has the format of:
 * {
 *   desc        {String}       description for better logging
 *   expected    {Object}       expected attributes for given accessibles
 *   unexpected  {Object}       unexpected attributes for given accessibles
 *
 *   action      {?Function*}   an optional action that yields a change in
 *                              attributes
 *   attrs       {?Array}       an optional list of attributes to update
 *   waitFor     {?Number}      an optional event to wait for
 * }
 */
const attributesTests = [{
  desc: 'Initiall accessible attributes',
  expected: defaultAttributes,
  unexpected: {
    'line-number': '1',
    'explicit-name': 'true',
    'container-live': 'polite',
    'live': 'polite'
  }
}, {
  desc: '@line-number attribute is present when textbox is focused',
  action: function*(browser) {
    yield invokeFocus(browser, 'textbox');
  },
  waitFor: EVENT_FOCUS,
  expected: Object.assign({}, defaultAttributes, { 'line-number': '1' }),
  unexpected: {
    'explicit-name': 'true',
    'container-live': 'polite',
    'live': 'polite'
  }
}, {
  desc: '@aria-live sets container-live and live attributes',
  attrs: [{
    attr: 'aria-live',
    value: 'polite'
  }],
  expected: Object.assign({}, defaultAttributes, {
    'line-number': '1',
    'container-live': 'polite',
    'live': 'polite'
  }),
  unexpected: {
    'explicit-name': 'true'
  }
}, {
  desc: '@title attribute sets explicit-name attribute to true',
  attrs: [{
    attr: 'title',
    value: 'textbox'
  }],
  expected: Object.assign({}, defaultAttributes, {
    'line-number': '1',
    'explicit-name': 'true',
    'container-live': 'polite',
    'live': 'polite'
  }),
  unexpected: {}
}];

/**
 * Test caching of accessible object attributes
 */
addAccessibleTask(`
  <input id="textbox" value="hello">`,
  function* (browser, accDoc) {
    let textbox = findAccessibleChildByID(accDoc, 'textbox');
    for (let { desc, action, attrs, expected, waitFor, unexpected } of attributesTests) {
      info(desc);
      let onUpdate;

      if (waitFor) {
        onUpdate = waitForEvent(waitFor, 'textbox');
      }

      if (action) {
        yield action(browser);
      } else if (attrs) {
        for (let { attr, value } of attrs) {
          yield invokeSetAttribute(browser, 'textbox', attr, value);
        }
      }

      yield onUpdate;
      testAttrs(textbox, expected);
      testAbsentAttrs(textbox, unexpected);
    }
  }
);