@markuplint/ml-spec 3.12.0 → 4.0.0-alpha.2

package/test/specs/get-permitted-roles.spec.js

@@ -1,418 +0,0 @@
-const specs = require('@markuplint/html-spec');
-const { createSelector } = require('@markuplint/selector');
-const { createJSDOMElement } = require('@markuplint/test-tools');
-
-const { getPermittedRoles } = require('../../lib/specs/get-permitted-roles');
-
-function c(html, version, selector) {
-	const el = createJSDOMElement(html, selector);
-	const roles = getPermittedRoles(
-		specs,
-		el.localName,
-		el.namespaceURI,
-		version,
-		selector => createSelector(selector, specs).match(el) !== false,
-	);
-	if (Array.isArray(roles)) {
-		return roles.map(r => r.name);
-	}
-	return roles;
-}
-
-const coreRoles = [
-	'alert',
-	'alertdialog',
-	'application',
-	'article',
-	'banner',
-	'blockquote',
-	'button',
-	'caption',
-	'cell',
-	'checkbox',
-	'code',
-	'columnheader',
-	'combobox',
-	'complementary',
-	'contentinfo',
-	'definition',
-	'deletion',
-	'dialog',
-	'directory',
-	'document',
-	'emphasis',
-	'feed',
-	'figure',
-	'form',
-	'generic',
-	'grid',
-	'gridcell',
-	'group',
-	'heading',
-	'img',
-	'insertion',
-	'link',
-	'list',
-	'listbox',
-	'listitem',
-	'log',
-	'main',
-	'marquee',
-	'math',
-	'menu',
-	'menubar',
-	'menuitem',
-	'menuitemcheckbox',
-	'menuitemradio',
-	'meter',
-	'navigation',
-	'none',
-	'note',
-	'option',
-	'paragraph',
-	'presentation',
-	'progressbar',
-	'radio',
-	'radiogroup',
-	'region',
-	'row',
-	'rowgroup',
-	'rowheader',
-	'scrollbar',
-	'search',
-	'searchbox',
-	'separator',
-	'slider',
-	'spinbutton',
-	'status',
-	'strong',
-	'subscript',
-	'superscript',
-	'switch',
-	'tab',
-	'table',
-	'tablist',
-	'tabpanel',
-	'term',
-	'textbox',
-	'time',
-	'timer',
-	'toolbar',
-	'tooltip',
-	'tree',
-	'treegrid',
-	'treeitem',
-];
-
-describe('getPermittedRoles', () => {
-	test('the a element', () => {
-		expect(c('<a></a>', '1.2')).toStrictEqual(coreRoles);
-		expect(c('<a href="path/to"></a>', '1.2')).toStrictEqual([
-			'link',
-			'button',
-			'checkbox',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'radio',
-			'switch',
-			'tab',
-			'treeitem',
-		]);
-	});
-
-	test('the area element', () => {
-		expect(c('<area></area>', '1.2')).toStrictEqual(['generic', 'button', 'link']);
-		expect(c('<area></area>', '1.1')).toStrictEqual([]);
-		expect(c('<area href="path/to"></area>', '1.2')).toStrictEqual(['link']);
-	});
-
-	test('the figure element', () => {
-		expect(c('<figure></figure>', '1.2')).toStrictEqual(coreRoles);
-		expect(c('<figure><figcaption></figcaption></figure>', '1.2')).toStrictEqual(['figure']);
-	});
-
-	test('the img element', () => {
-		expect(c('<img>', '1.2')).toStrictEqual(['img']);
-		expect(c('<img alt="">', '1.2')).toStrictEqual(['none', 'presentation']);
-		expect(c('<img alt="photo: something">', '1.2')).toStrictEqual([
-			'img',
-			'button',
-			'checkbox',
-			'link',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'progressbar',
-			'radio',
-			'scrollbar',
-			'separator',
-			'slider',
-			'switch',
-			'tab',
-			'treeitem',
-		]);
-		expect(c('<img alt="photo: something">', '1.1')).toStrictEqual([
-			'img',
-			'button',
-			'checkbox',
-			'link',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'progressbar',
-			'scrollbar',
-			'separator',
-			'slider',
-			'switch',
-			'tab',
-			'treeitem',
-		]);
-	});
-
-	test('the input element', () => {
-		expect(c('<input>', '1.2')).toStrictEqual(['textbox', 'combobox', 'searchbox', 'spinbutton']);
-		expect(c('<input>', '1.1')).toStrictEqual(['textbox', 'combobox', 'searchbox', 'spinbutton']);
-		expect(c('<input type="button">', '1.2')).toStrictEqual([
-			'button',
-			'checkbox',
-			'combobox',
-			'link',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'radio',
-			'switch',
-			'tab',
-		]);
-		expect(c('<input type="button">', '1.1')).toStrictEqual([
-			'button',
-			'link',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'radio',
-			'switch',
-			'tab',
-		]);
-		expect(c('<input type="checkbox" aria-pressed="true">', '1.2')).toStrictEqual(['checkbox', 'button']);
-	});
-
-	test('the img element', () => {
-		const imgPermitted = [
-			'img',
-			'button',
-			'checkbox',
-			'link',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'option',
-			'progressbar',
-			'radio',
-			'scrollbar',
-			'separator',
-			'slider',
-			'switch',
-			'tab',
-			'treeitem',
-		];
-		expect(c('<img />', '1.2')).toStrictEqual(['img']);
-		expect(c('<img alt />', '1.2')).toStrictEqual(['none', 'presentation']);
-		expect(c('<img alt="" />', '1.2')).toStrictEqual(['none', 'presentation']);
-		expect(c('<img alt="foo" />', '1.2')).toStrictEqual(imgPermitted);
-		expect(c('<img aria-label="foo" />', '1.2')).toStrictEqual(imgPermitted);
-	});
-
-	test('the form element', () => {
-		expect(c('<form></form>', '1.2')).toStrictEqual(['none', 'presentation', 'search']);
-		expect(c('<form></form>', '1.1')).toStrictEqual(['none', 'presentation', 'search']);
-		expect(c('<form aria-label="foo"></form>', '1.2')).toStrictEqual(['form', 'none', 'presentation', 'search']);
-		expect(c('<form aria-label="foo"></form>', '1.1')).toStrictEqual(['form', 'none', 'presentation', 'search']);
-	});
-
-	test('the svg element', () => {
-		expect(c('<svg></svg>', '1.2')).toStrictEqual([
-			'alert',
-			'alertdialog',
-			'application',
-			'article',
-			'banner',
-			'blockquote',
-			'button',
-			'caption',
-			'cell',
-			'checkbox',
-			'code',
-			'columnheader',
-			'combobox',
-			'complementary',
-			'contentinfo',
-			'definition',
-			'deletion',
-			'dialog',
-			'directory',
-			'document',
-			'emphasis',
-			'feed',
-			'figure',
-			'form',
-			'generic',
-			'grid',
-			'gridcell',
-			'group',
-			'heading',
-			'img',
-			'insertion',
-			'link',
-			'list',
-			'listbox',
-			'listitem',
-			'log',
-			'main',
-			'marquee',
-			'math',
-			'menu',
-			'menubar',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'meter',
-			'navigation',
-			'none',
-			'note',
-			'option',
-			'paragraph',
-			'presentation',
-			'progressbar',
-			'radio',
-			'radiogroup',
-			'region',
-			'row',
-			'rowgroup',
-			'rowheader',
-			'scrollbar',
-			'search',
-			'searchbox',
-			'separator',
-			'slider',
-			'spinbutton',
-			'status',
-			'strong',
-			'subscript',
-			'superscript',
-			'switch',
-			'tab',
-			'table',
-			'tablist',
-			'tabpanel',
-			'term',
-			'textbox',
-			'time',
-			'timer',
-			'toolbar',
-			'tooltip',
-			'tree',
-			'treegrid',
-			'treeitem',
-			'graphics-document',
-			'graphics-object',
-			'graphics-symbol',
-		]);
-	});
-
-	test('the rect element', () => {
-		expect(c('<svg><rect></rect></svg>', '1.2')).toStrictEqual([
-			'alert',
-			'alertdialog',
-			'application',
-			'article',
-			'banner',
-			'blockquote',
-			'button',
-			'caption',
-			'cell',
-			'checkbox',
-			'code',
-			'columnheader',
-			'combobox',
-			'complementary',
-			'contentinfo',
-			'definition',
-			'deletion',
-			'dialog',
-			'directory',
-			'document',
-			'emphasis',
-			'feed',
-			'figure',
-			'form',
-			'generic',
-			'grid',
-			'gridcell',
-			'group',
-			'heading',
-			'img',
-			'insertion',
-			'link',
-			'list',
-			'listbox',
-			'listitem',
-			'log',
-			'main',
-			'marquee',
-			'math',
-			'menu',
-			'menubar',
-			'menuitem',
-			'menuitemcheckbox',
-			'menuitemradio',
-			'meter',
-			'navigation',
-			'none',
-			'note',
-			'option',
-			'paragraph',
-			'presentation',
-			'progressbar',
-			'radio',
-			'radiogroup',
-			'region',
-			'row',
-			'rowgroup',
-			'rowheader',
-			'scrollbar',
-			'search',
-			'searchbox',
-			'separator',
-			'slider',
-			'spinbutton',
-			'status',
-			'strong',
-			'subscript',
-			'superscript',
-			'switch',
-			'tab',
-			'table',
-			'tablist',
-			'tabpanel',
-			'term',
-			'textbox',
-			'time',
-			'timer',
-			'toolbar',
-			'tooltip',
-			'tree',
-			'treegrid',
-			'treeitem',
-			'graphics-document',
-			'graphics-object',
-			'graphics-symbol',
-		]);
-	});
-});

package/test/specs/get-role-spec.spec.js

@@ -1,67 +0,0 @@
-const specs = require('@markuplint/html-spec');
-
-const { getRoleSpec } = require('../../lib/specs/get-role-spec');
-
-describe('getRoleSpec', () => {
-	test('the button role', () => {
-		const role = getRoleSpec(specs, 'button', 'http://www.w3.org/1999/xhtml', '1.2');
-		const superClassRoles = role.superClassRoles.map(r => r.name);
-		expect(role.ownedProperties.map(p => p.name + (p.deprecated ? ':deprecated' : ''))).toStrictEqual([
-			'aria-atomic',
-			'aria-busy',
-			'aria-controls',
-			'aria-current',
-			'aria-describedby',
-			'aria-details',
-			'aria-disabled',
-			'aria-dropeffect',
-			'aria-errormessage:deprecated',
-			'aria-expanded',
-			'aria-flowto',
-			'aria-grabbed',
-			'aria-haspopup',
-			'aria-hidden',
-			'aria-invalid:deprecated',
-			'aria-keyshortcuts',
-			'aria-label',
-			'aria-labelledby',
-			'aria-live',
-			'aria-owns',
-			'aria-pressed',
-			'aria-relevant',
-			'aria-roledescription',
-		]);
-		expect(role.isAbstract).toBe(false);
-		expect(superClassRoles).toStrictEqual(['command', 'widget', 'roletype']);
-	});
-
-	test('the roletype role', () => {
-		const role = getRoleSpec(specs, 'roletype', 'http://www.w3.org/1999/xhtml', '1.2');
-		const superClassRoles = role.superClassRoles.map(r => r.name);
-		expect(role.ownedProperties.map(p => p.name + (p.deprecated ? ':deprecated' : ''))).toStrictEqual([
-			'aria-atomic',
-			'aria-busy',
-			'aria-controls',
-			'aria-current',
-			'aria-describedby',
-			'aria-details',
-			'aria-disabled:deprecated',
-			'aria-dropeffect',
-			'aria-errormessage:deprecated',
-			'aria-flowto',
-			'aria-grabbed',
-			'aria-haspopup:deprecated',
-			'aria-hidden',
-			'aria-invalid:deprecated',
-			'aria-keyshortcuts',
-			'aria-label',
-			'aria-labelledby',
-			'aria-live',
-			'aria-owns',
-			'aria-relevant',
-			'aria-roledescription',
-		]);
-		expect(role.isAbstract).toBe(true);
-		expect(superClassRoles).toStrictEqual([]);
-	});
-});

package/test/specs/get-spec-by-tag-name.spec.js

@@ -1,68 +0,0 @@
-const { specs } = require('@markuplint/html-spec');
-
-const { getSpecByTagName } = require('../../lib/specs/get-spec-by-tag-name');
-
-const divSpec = {
-	conditional: [
-		{
-			condition: 'dl > div',
-			contents: [
-				{
-					zeroOrMore: ':model(script-supporting)',
-				},
-				{
-					oneOrMore: 'dt',
-				},
-				{
-					zeroOrMore: ':model(script-supporting)',
-				},
-				{
-					oneOrMore: 'dd',
-				},
-				{
-					zeroOrMore: ':model(script-supporting)',
-				},
-			],
-		},
-	],
-	contents: [
-		{
-			oneOrMore: ':model(flow)',
-		},
-	],
-};
-
-test('html:div', () => {
-	expect(getSpecByTagName(specs, 'div', null)?.contentModel).toStrictEqual(divSpec);
-	expect(getSpecByTagName(specs, 'div', 'unknown-namespace')?.contentModel).toStrictEqual(divSpec);
-	expect(getSpecByTagName(specs, 'div', 'http://www.w3.org/1999/xhtml')?.contentModel).toStrictEqual(divSpec);
-});
-
-test('svg:svg', () => {
-	expect(getSpecByTagName(specs, 'svg', 'http://www.w3.org/2000/svg')?.contentModel).toStrictEqual({
-		contents: [
-			{
-				zeroOrMore: [
-					':model(SVGAnimation)',
-					':model(SVGDescriptive)',
-					':model(SVGPaintServer)',
-					':model(SVGShape)',
-					':model(SVGStructural)',
-					'svg|a',
-					'svg|clipPath',
-					'svg|filter',
-					'svg|foreignObject',
-					'svg|image',
-					'svg|marker',
-					'svg|mask',
-					'svg|script',
-					'svg|style',
-					'svg|switch',
-					'svg|text',
-					'svg|view',
-				],
-			},
-		],
-	});
-	expect(getSpecByTagName(specs, 'svg', null)).toBe(null);
-});

package/test/specs/resolve-version.spec.js

@@ -1,34 +0,0 @@
-const { resolveVersion } = require('../../lib/specs/resolve-version');
-
-test('output', () => {
-	const aria = {
-		implicitRole: 'button',
-		permittedRoles: false,
-	};
-	const resolved = resolveVersion(aria, '1.1');
-	expect(resolved.implicitRole).toBe('button');
-});
-
-test('output the specified version', () => {
-	const aria = {
-		implicitRole: 'button',
-		permittedRoles: false,
-		1.1: {
-			implicitRole: 'link',
-		},
-	};
-	const resolved = resolveVersion(aria, '1.1');
-	expect(resolved.implicitRole).toBe('link');
-});
-
-test('output the latest undefined version', () => {
-	const aria = {
-		implicitRole: 'button',
-		permittedRoles: false,
-		1.1: {
-			implicitRole: 'link',
-		},
-	};
-	const resolved = resolveVersion(aria, '1.3');
-	expect(resolved.implicitRole).toBe('button');
-});

package/test/specs/schema-to-spec.spec.js

@@ -1,61 +0,0 @@
-const htmlSpec = require('@markuplint/html-spec');
-
-const { schemaToSpec } = require('../../lib/specs/schema-to-spec');
-
-describe('schemaToSpec', () => {
-	test('specs', () => {
-		const exAttr = {
-			ref: 'N/A',
-			type: 'Boolean',
-			description: 'For the unit test.',
-		};
-		const exAttr2 = {
-			ref: 'N/A',
-			type: 'Boolean',
-			description: 'For the unit test. Override.',
-		};
-		const mergedSpec = schemaToSpec([
-			htmlSpec,
-			{
-				specs: [
-					{
-						name: 'a',
-						attributes: { 'extended-attr': exAttr },
-					},
-				],
-			},
-			{
-				specs: [
-					{
-						name: 'a',
-						attributes: { 'extended-attr': exAttr2 },
-					},
-				],
-			},
-		]);
-		const aElAttrs = mergedSpec.specs.find(el => el.name === 'a').attributes;
-		expect(aElAttrs['extended-attr']).toStrictEqual(exAttr2);
-	});
-
-	test('globalAttrs.extends', () => {
-		const keyAttr = {
-			type: 'NoEmptyAny',
-			description: 'A special attribute for list rendering',
-			condition: '[v-for]',
-		};
-		const mergedSpec = schemaToSpec([
-			htmlSpec,
-			{
-				def: {
-					'#globalAttrs': {
-						'#extends': {
-							key: keyAttr,
-						},
-					},
-				},
-			},
-		]);
-		const key = mergedSpec.def['#globalAttrs']['#HTMLGlobalAttrs']['key'];
-		expect(key).toStrictEqual(keyAttr);
-	});
-});

package/test/utils/resolve-namespace.spec.js

@@ -1,37 +0,0 @@
-const { resolveNamespace } = require('../../lib/utils/resolve-namespace');
-
-test('tag', () => {
-	expect(resolveNamespace('a')).toStrictEqual({
-		localName: 'a',
-		localNameWithNS: 'a',
-		namespace: 'html',
-		namespaceURI: 'http://www.w3.org/1999/xhtml',
-	});
-	expect(resolveNamespace('svg:a')).toStrictEqual({
-		localName: 'a',
-		localNameWithNS: 'svg:a',
-		namespace: 'svg',
-		namespaceURI: 'http://www.w3.org/2000/svg',
-	});
-});
-
-test('attr', () => {
-	expect(resolveNamespace('href', 'http://www.w3.org/1999/xhtml')).toStrictEqual({
-		localName: 'href',
-		localNameWithNS: 'href',
-		namespace: 'html',
-		namespaceURI: 'http://www.w3.org/1999/xhtml',
-	});
-	expect(resolveNamespace('href', 'http://www.w3.org/2000/svg')).toStrictEqual({
-		localName: 'href',
-		localNameWithNS: 'svg:href',
-		namespace: 'svg',
-		namespaceURI: 'http://www.w3.org/2000/svg',
-	});
-	expect(resolveNamespace('xlink:href', 'http://www.w3.org/2000/svg')).toStrictEqual({
-		localName: 'href',
-		localNameWithNS: 'xlink:href',
-		namespace: 'xlink',
-		namespaceURI: 'http://www.w3.org/1999/xlink',
-	});
-});