axe-core/test/core/utils/are-styles-set.js

Accessibility engine for automated Web UI testing

/*global axe*/
describe('axe.utils.areStylesSet', function () {
	'use strict';

	var fixture = document.getElementById('fixture');

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

	it('should be a function', function () {
		assert.isFunction(axe.utils.areStylesSet);
	});

	it('should return true if `display:none` is set', function () {
		fixture.innerHTML = '<div id="target" style="display:none;">Display None</div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{property: 'display', value: 'none'}], 'body'));
	});

	it('should return true if `display:none` is set', function () {
		fixture.innerHTML = '<div style="display:none;"><div id="target">Display None</div></div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{property: 'display', value: 'none'}], 'body'));
	});

	it('should return true if `visibility:hidden` is set', function () {
		fixture.innerHTML = '<div style="visibility:hidden;"><div id="target">Display None</div></div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{property: 'visibility', value: 'hidden'}], 'body'));
	});

	it('should return true if `visibility:hidden` is set', function () {
		fixture.innerHTML = '<div id="target" style="visibility:hidden;">Display None</div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{property: 'visibility', value: 'hidden'}], 'body'));
	});

	it('should return true if `visibility:hidden` is set', function () {
		fixture.innerHTML = '<div id="target" style="visibility:hidden;">Display None</div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{
			property: 'display',
			value: 'none'
		},{
			property: 'visibility',
			value: 'hidden'
		}], 'body'));
	});

	it('should return true if `visibility:hidden` is set', function () {
		fixture.innerHTML = '<div style="visibility:hidden;"><div id="target">Display None</div></div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{
			property: 'display',
			value: 'none'
		},{
			property: 'visibility',
			value: 'hidden'
		}], 'body'));
	});

	it('should return true if `display:none` is set', function () {
		fixture.innerHTML = '<div style="display:none;"><div id="target">Display None</div></div>';

		var el = document.getElementById('target');
		assert.isTrue(axe.utils.areStylesSet(el, [{
			property: 'display',
			value: 'none'
		},{
			property: 'visibility',
			value: 'hidden'
		}], 'body'));
	});

	it('should return false if nothing is set', function () {
		fixture.innerHTML = '<div style=""><div id="target">Display None</div></div>';

		var el = document.getElementById('target');
		assert.isFalse(axe.utils.areStylesSet(el, [{
			property: 'display',
			value: 'none'
		},{
			property: 'visibility',
			value: 'hidden'
		}], 'body'));
	});
});