axe-core/test/rule-matches/data-table-matches.js

Accessibility engine for automated Web UI testing

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

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

	beforeEach(function () {
		rule = axe._audit.rules.find(function (rule) {
			return rule.id === '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));
	});
});