data-table-matches.js

describe('data-table-matches', function() {
  'use strict';

  var fixture = document.getElementById('fixture');
  var fixtureSetup = axe.testUtils.fixtureSetup;
  var rule;

  beforeEach(function() {
    rule = axe.utils.getRule('th-has-data-cells');
  });

  afterEach(function() {
    fixture.innerHTML = '';
  });

  it('is a function', function() {
    assert.isFunction(rule.matches);
  });

  it('should return false if table has role="presentation"', function() {
    fixtureSetup(
      '<table role="presentation" id="target">' +
        '  <tr> <th>hi</th> <td></td> </tr>' +
        '  <tr> <th>hi</th> <td></td> </tr>' +
        '</table>'
    );

    var vNode = axe.utils.querySelectorAll(axe._tree[0], 'table')[0];
    assert.isFalse(rule.matches(vNode.actualNode, vNode));
  });

  it('should return false if table has role="none"', function() {
    fixtureSetup(
      '<table role="none" id="target">' +
        '  <tr> <th>hi</th> <td></td> </tr>' +
        '  <tr> <th>hi</th> <td></td> </tr>' +
        '</table>'
    );

    var vNode = axe.utils.querySelectorAll(axe._tree[0], 'table')[0];
    assert.isFalse(rule.matches(vNode.actualNode, vNode));
  });

  it('should return true if table is a data table', function() {
    fixtureSetup(
      '<table id="target">' +
        '	<caption>Table caption</caption>' +
        '	<tr><th scope="col">Heading 1</th><th scope="col">Heading 2</th></tr>' +
        '	<tr><td>Thing 1</td><td>Thing 2</td></tr>' +
        '</table>'
    );

    var vNode = axe.utils.querySelectorAll(axe._tree[0], 'table')[0];
    assert.isTrue(rule.matches(vNode.actualNode, vNode));
  });
});