OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 12:20:20 +01:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity
9aef5d225b
react/fixtures/attribute-behavior/src/attributes.js
Sebastian Silbermann 9aef5d225b
Use modern rendering APIs for attribute-behavior fixture (#27883) 
The attribute-behavior fixture now uses `createRoot().render()` and
`renderToReadableStream` instead of depdrecated APIs.

This revealed some changes to the snapshots that I annotated for
discussion.

I also added some new tests related to upcoming changes for easier
future diffing.

Also adds support for running the attribute-behavior fixture using Apple
Silicon chips (Apple MBP M-series).
2024-01-26 19:03:42 +01:00

2384 lines
57 KiB
JavaScript
Raw Blame History

function getProperty(propertyName) {
return el => el[propertyName];
}
function getAttribute(attributeName) {
return el => {
if (el.namespaceURI === '') {
throw new Error('Not an HTML element.');
}
return el.getAttribute(attributeName);
};
}
function getSVGProperty(propertyName) {
return el => el[propertyName];
}
function getSVGAttribute(attributeName) {
return el => {
if (el.namespaceURI !== 'http://www.w3.org/2000/svg') {
throw new Error('Not an SVG element.');
}
return el.getAttribute(attributeName);
};
}
const attributes = [
{name: 'about', read: getAttribute('about')},
{name: 'aBoUt', read: getAttribute('about')},
{
name: 'accent-Height',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('accent-height'),
},
{
name: 'accent-height',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('accent-height'),
},
{
name: 'accentHeight',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('accent-height'),
},
{name: 'accept', tagName: 'input'},
{name: 'accept-charset', tagName: 'form', read: getProperty('acceptCharset')},
{name: 'accept-Charset', tagName: 'form', read: getProperty('acceptCharset')},
{name: 'acceptCharset', tagName: 'form'},
{name: 'accessKey'},
{
name: 'accumulate',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('accumulate'),
},
{name: 'action', tagName: 'form', overrideStringValue: 'https://reactjs.com'},
{
name: 'additive',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('additive'),
},
{
name: 'alignment-baseline',
containerTagName: 'svg',
tagName: 'textPath',
read: getSVGAttribute('alignment-baseline'),
},
{
name: 'alignmentBaseline',
containerTagName: 'svg',
tagName: 'textPath',
read: getSVGAttribute('alignment-baseline'),
},
{
name: 'allowFullScreen',
tagName: 'iframe',
read: getProperty('allowFullscreen'),
},
{
name: 'allowfullscreen',
tagName: 'iframe',
read: getProperty('allowFullscreen'),
},
{name: 'allowFullscreen', tagName: 'iframe'},
{
name: 'allowReorder',
containerTagName: 'svg',
tagName: 'switch',
read: getSVGAttribute('allowReorder'),
},
{
name: 'alphabetic',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('alphabetic'),
},
{name: 'alt', tagName: 'img'},
{
name: 'amplitude',
containerTagName: 'svg',
tagName: 'feFuncA',
read: getSVGProperty('amplitude'),
},
{
name: 'arabic-form',
containerTagName: 'svg',
tagName: 'glyph',
read: getSVGAttribute('arabic-form'),
},
{
name: 'arabicForm',
containerTagName: 'svg',
tagName: 'glyph',
read: getSVGAttribute('arabic-form'),
},
{name: 'aria', read: getAttribute('aria')},
{name: 'aria-', read: getAttribute('aria-')},
{name: 'aria-hidden', read: getProperty('ariaHidden')},
{name: 'aria-invalidattribute', read: getAttribute('aria-invalidattribute')},
{name: 'as', tagName: 'link'},
{
name: 'ascent',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('ascent'),
},
{name: 'async', tagName: 'script'},
{
name: 'attributeName',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('attributeName'),
},
{
name: 'attributeType',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('attributeType'),
},
{
name: 'autoCapitalize',
tagName: 'input',
read: getProperty('autocapitalize'),
overrideStringValue: 'words',
},
{
name: 'autoComplete',
tagName: 'input',
overrideStringValue: 'email',
read: getProperty('autocomplete'),
},
{
name: 'autoCorrect',
tagName: 'input',
overrideStringValue: 'off',
read: getAttribute('autocorrect'),
},
{name: 'autoPlay', tagName: 'video', read: getProperty('autoplay')},
{
name: 'autoReverse',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('autoreverse'),
},
{name: 'autoSave', tagName: 'input', read: getAttribute('autosave')},
{
name: 'azimuth',
containerTagName: 'svg',
tagName: 'feDistantLight',
read: getSVGProperty('azimuth'),
},
{
name: 'baseFrequency',
containerTagName: 'svg',
tagName: 'feTurbulence',
read: getSVGAttribute('baseFrequency'),
},
{
name: 'baseline-shift',
containerTagName: 'svg',
tagName: 'textPath',
read: getSVGAttribute('baseline-shift'),
},
{
name: 'baselineShift',
containerTagName: 'svg',
tagName: 'textPath',
read: getSVGAttribute('baseline-shift'),
},
{name: 'baseProfile', tagName: 'svg', read: getSVGAttribute('baseProfile')},
{
name: 'bbox',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('bbox'),
},
{
name: 'begin',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('begin'),
},
{
name: 'bias',
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
read: getSVGProperty('bias'),
},
{
name: 'by',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('by'),
},
{
name: 'calcMode',
containerTagName: 'svg',
tagName: 'animate',
overrideStringValue: 'discrete',
read: getSVGAttribute('calcMode'),
},
{
name: 'cap-height',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('cap-height'),
},
{
name: 'capHeight',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('cap-height'),
},
{
name: 'capture',
tagName: 'input',
overrideStringValue: 'environment',
read: getAttribute('capture'),
},
{name: 'cellPadding', tagName: 'table'},
{name: 'cellSpacing', tagName: 'table'},
{
name: 'challenge',
tagName: 'keygen',
read: getAttribute('challenge'), // The property is not supported in Chrome.
},
{name: 'charSet', tagName: 'script', read: getProperty('charset')},
{name: 'checked', tagName: 'input', extraProps: {onChange() {}}},
{name: 'Checked', tagName: 'input', read: getAttribute('Checked')},
{name: 'Children', read: getAttribute('children')},
{name: 'children'},
{
name: 'cite',
tagName: 'blockquote',
overrideStringValue: 'https://reactjs.com/',
},
{name: 'class', read: getAttribute('class')},
{name: 'classID', tagName: 'object', read: getAttribute('classid')},
{name: 'className'},
{name: 'clip', tagName: 'svg', read: getAttribute('clip')},
{
name: 'clip-path',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('clip-path'),
},
{
name: 'clipPath',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('clip-path'),
},
{
name: 'clipPathUnits',
containerTagName: 'svg',
tagName: 'clipPath',
overrideStringValue: 'objectBoundingBox',
read: getSVGProperty('clipPathUnits'),
},
{
name: 'clip-rule',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('clip-rule'),
},
{
name: 'clipRule',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('clip-rule'),
},
{
name: 'color',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('color'),
},
{
name: 'color-interpolation',
containerTagName: 'svg',
tagName: 'animate',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-interpolation'),
},
{
name: 'colorInterpolation',
containerTagName: 'svg',
tagName: 'animate',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-interpolation'),
},
{
name: 'color-interpolation-filters',
containerTagName: 'svg',
tagName: 'feComposite',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-interpolation-filters'),
},
{
name: 'colorInterpolationFilters',
containerTagName: 'svg',
tagName: 'feComposite',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-interpolation-filters'),
},
{
name: 'color-profile',
containerTagName: 'svg',
tagName: 'image',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-profile'),
},
{
name: 'colorProfile',
containerTagName: 'svg',
tagName: 'image',
overrideStringValue: 'sRGB',
read: getSVGAttribute('color-profile'),
},
{
name: 'color-rendering',
containerTagName: 'svg',
tagName: 'animate',
overrideStringValue: 'optimizeSpeed',
read: getSVGAttribute('color-rendering'),
},
{
name: 'colorRendering',
containerTagName: 'svg',
tagName: 'animate',
overrideStringValue: 'optimizeSpeed',
read: getSVGAttribute('color-rendering'),
},
{name: 'cols', tagName: 'textarea'},
{name: 'colSpan', containerTagName: 'tr', tagName: 'td'},
{name: 'content', containerTagName: 'head', tagName: 'meta'},
{name: 'contentEditable'},
{
name: 'contentScriptType',
tagName: 'svg',
read: getSVGAttribute('contentScriptType'),
},
{
name: 'contentStyleType',
tagName: 'svg',
read: getSVGAttribute('contentStyleType'),
},
{name: 'contextMenu', read: getAttribute('contextmenu')}, // TODO: Read the property by rendering a menu with the ID.
{name: 'controls', tagName: 'video'},
{name: 'coords', tagName: 'a'},
{name: 'crossOrigin', tagName: 'script'},
{name: 'cursor', tag: 'svg', read: getAttribute('cursor')},
{
name: 'cx',
containerTagName: 'svg',
tagName: 'circle',
overrideStringValue: '10px',
read: getSVGProperty('cx'),
},
{
name: 'cy',
containerTagName: 'svg',
tagName: 'circle',
overrideStringValue: '10%',
read: getSVGProperty('cy'),
},
{
name: 'd',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('d'),
},
{
name: 'dangerouslySetInnerHTML',
read: getAttribute('dangerouslySetInnerHTML'),
},
{
name: 'DangerouslySetInnerHTML',
read: getAttribute('DangerouslySetInnerHTML'),
},
{name: 'data', read: getAttribute('data')},
{name: 'data-', read: getAttribute('data-')},
{name: 'data-unknownattribute', read: getAttribute('data-unknownattribute')},
{name: 'datatype', read: getAttribute('datatype')},
{
name: 'dateTime',
tagName: 'time',
overrideStringValue: '2001-05-15T19:00',
read: getAttribute('datetime'),
},
{
name: 'decelerate',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('decelerate'),
},
{name: 'default', tagName: 'track'},
{
name: 'defaultchecked',
tagName: 'input',
read: getAttribute('defaultchecked'),
},
{name: 'defaultChecked', tagName: 'input'},
{name: 'defaultValue', tagName: 'input'},
{name: 'defaultValuE', tagName: 'input', read: getAttribute('defaultValuE')},
{name: 'defer', tagName: 'script'},
{
name: 'descent',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('descent'),
},
{
name: 'diffuseConstant',
containerTagName: 'svg',
tagName: 'feDiffuseLighting',
read: getSVGProperty('diffuseConstant'),
},
{name: 'dir', overrideStringValue: 'rtl'},
{
name: 'direction',
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: 'rtl',
read: getSVGAttribute('direction'),
},
{name: 'disabled', tagName: 'input'},
{
name: 'disablePictureInPicture',
tagName: 'video',
read: getProperty('disablepictureinpicture'),
},
{
name: 'disableRemotePlayback',
tagName: 'video',
read: getProperty('disableremoteplayback'),
},
{
name: 'display',
tagName: 'svg',
overrideStringValue: 'list-item',
read: getAttribute('display'),
},
{
name: 'divisor',
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
read: getSVGProperty('divisor'),
},
{
name: 'dominant-baseline',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('dominant-baseline'),
},
{
name: 'dominantBaseline',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('dominant-baseline'),
},
{name: 'download', tagName: 'a'},
{name: 'dOwNlOaD', tagName: 'a', read: getAttribute('dOwNlOaD')},
{name: 'draggable'},
{
name: 'dur',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('dur'),
},
{
name: 'dx',
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: '1pt 2px 3em',
read: getSVGProperty('dx'),
},
{
name: 'dX',
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: '1pt 2px 3em',
read: getSVGProperty('dx'),
},
{
name: 'dy',
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: '1 2 3',
read: getSVGProperty('dy'),
},
{
name: 'dY',
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: '1 2 3',
read: getSVGProperty('dy'),
},
{
name: 'edgeMode',
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
overrideStringValue: 'wrap',
read: getSVGProperty('edgeMode'),
},
{
name: 'elevation',
containerTagName: 'svg',
tagName: 'feDistantLight',
read: getSVGProperty('elevation'),
},
{
name: 'enable-background',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('enable-background'),
},
{
name: 'enableBackground',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('enable-background'),
},
{
name: 'encType',
tagName: 'form',
overrideStringValue: 'text/plain',
read: getProperty('enctype'),
},
{
name: 'end',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('end'),
},
{
name: 'enterKeyHint',
tagName: 'input',
read: getProperty('enterKeyHint'),
},
{
name: 'exponent',
read: getSVGProperty('exponent'),
containerTagName: 'svg',
tagName: 'feFuncA',
},
{
name: 'externalResourcesRequired',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('externalResourcesRequired'),
},
{
name: 'fetchPriority',
overrideStringValue: 'high',
tagName: 'img',
read: getProperty('fetchPriority'),
},
{
name: 'fetchpriority',
overrideStringValue: 'high',
tagName: 'img',
read: getProperty('fetchPriority'),
},
{
name: 'fetchPriority',
overrideStringValue: 'high',
tagName: 'link',
read: getProperty('fetchPriority'),
},
{
name: 'fill',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('fill'),
},
{
name: 'fillOpacity',
containerTagName: 'svg',
tagName: 'circle',
read: getSVGAttribute('fill-opacity'),
},
{
name: 'fill-opacity',
containerTagName: 'svg',
tagName: 'circle',
read: getSVGAttribute('fill-opacity'),
},
{
name: 'fillRule',
containerTagName: 'svg',
tagName: 'circle',
read: getSVGAttribute('fill-rule'),
},
{
name: 'fill-rule',
containerTagName: 'svg',
tagName: 'circle',
read: getSVGAttribute('fill-rule'),
},
{
name: 'filter',
containerTagName: 'svg',
tagName: 'g',
read: getSVGAttribute('filter'),
},
{
name: 'filterRes',
containerTagName: 'svg',
tagName: 'filter',
read: getSVGAttribute('filterRes'),
},
{
name: 'filterUnits',
containerTagName: 'svg',
tagName: 'filter',
overrideStringValue: 'userSpaceOnUse',
read: getSVGProperty('filterUnits'),
},
{
name: 'flood-color',
containerTagName: 'svg',
tagName: 'feflood',
overrideStringValue: 'currentColor',
read: getSVGAttribute('flood-color'),
},
{
name: 'floodColor',
containerTagName: 'svg',
tagName: 'feflood',
overrideStringValue: 'currentColor',
read: getSVGAttribute('flood-color'),
},
{
name: 'flood-opacity',
containerTagName: 'svg',
tagName: 'feflood',
overrideStringValue: 'inherit',
read: getSVGAttribute('flood-opacity'),
},
{
name: 'floodOpacity',
containerTagName: 'svg',
tagName: 'feflood',
overrideStringValue: 'inherit',
read: getSVGAttribute('flood-opacity'),
},
{name: 'focusable', tagName: 'p', read: getAttribute('focusable')},
{
name: 'font-family',
read: getSVGAttribute('font-family'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'font-size',
read: getSVGAttribute('font-size'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'font-size-adjust',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('font-size-adjust'),
},
{
name: 'font-stretch',
read: getSVGAttribute('font-stretch'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'font-style',
read: getSVGAttribute('font-style'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'font-variant',
read: getSVGAttribute('font-variant'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'font-weight',
read: getSVGAttribute('font-weight'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontFamily',
read: getSVGAttribute('font-family'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontSize',
read: getSVGAttribute('font-size'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontSizeAdjust',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('font-size-adjust'),
},
{
name: 'fontStretch',
read: getSVGAttribute('font-stretch'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontStyle',
read: getSVGAttribute('font-style'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontVariant',
read: getSVGAttribute('font-variant'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'fontWeight',
read: getSVGAttribute('font-weight'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'for', tagName: 'label', read: getProperty('htmlFor')},
{name: 'fOr', tagName: 'label', read: getProperty('htmlFor')},
{name: 'form', read: getAttribute('form')}, // TODO: Read the property by rendering into a form with i
{
name: 'formAction',
tagName: 'input',
overrideStringValue: 'https://reactjs.com',
},
{
name: 'format',
read: getSVGAttribute('format'),
containerTagName: 'svg',
tagName: 'altGlyph',
},
{name: 'formEncType', tagName: 'input', read: getProperty('formEnctype')},
{name: 'formMethod', tagName: 'input', overrideStringValue: 'POST'},
{name: 'formNoValidate', tagName: 'input'},
{name: 'formTarget', tagName: 'input'},
{name: 'frameBorder', tagName: 'iframe'},
{
name: 'from',
read: getSVGAttribute('from'),
containerTagName: 'svg',
tagName: 'animate',
},
{
name: 'fx',
read: getSVGProperty('fx'),
containerTagName: 'svg',
overrideStringValue: '10px',
tagName: 'radialGradient',
},
{
name: 'fX',
containerTagName: 'svg',
tagName: 'radialGradient',
overrideStringValue: '10px',
read: getSVGProperty('fx'),
},
{
name: 'fY',
containerTagName: 'svg',
tagName: 'radialGradient',
overrideStringValue: '20em',
read: getSVGProperty('fy'),
},
{
name: 'fy',
read: getSVGProperty('fy'),
containerTagName: 'svg',
overrideStringValue: '20em',
tagName: 'radialGradient',
},
{
name: 'G1',
containerTagName: 'svg',
tagName: 'hkern',
read: getSVGAttribute('g1'),
},
{
name: 'g1',
read: getSVGAttribute('g1'),
containerTagName: 'svg',
tagName: 'hkern',
},
{
name: 'G2',
containerTagName: 'svg',
tagName: 'hkern',
read: getSVGAttribute('g2'),
},
{
name: 'g2',
read: getSVGAttribute('g2'),
containerTagName: 'svg',
tagName: 'hkern',
},
{
name: 'glyph-name',
read: getSVGAttribute('glyph-name'),
containerTagName: 'svg',
tagName: 'glyph',
},
{
name: 'glyph-orientation-horizontal',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('glyph-orientation-horizontal'),
},
{
name: 'glyph-orientation-vertical',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('glyph-orientation-vertical'),
},
{
name: 'glyphName',
read: getSVGAttribute('glyph-name'),
containerTagName: 'svg',
tagName: 'glyph',
},
{
name: 'glyphOrientationHorizontal',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('glyph-orientation-horizontal'),
},
{
name: 'glyphOrientationVertical',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('glyph-orientation-vertical'),
},
{
name: 'glyphRef',
read: getSVGAttribute('glyph-ref'),
containerTagName: 'svg',
tagName: 'altGlyph',
},
{
name: 'gradientTransform',
read: getSVGProperty('gradientTransform'),
containerTagName: 'svg',
overrideStringValue:
'translate(-10,-20) scale(2) rotate(45) translate(5,10)',
tagName: 'linearGradient',
},
{
name: 'gradientUnits',
read: getSVGProperty('gradientUnits'),
containerTagName: 'svg',
overrideStringValue: 'userSpaceOnUse',
tagName: 'linearGradient',
},
{
name: 'hanging',
read: getSVGAttribute('hanging'),
containerTagName: 'svg',
tagName: 'font-face',
},
// Disabled because it crashes other tests with React 15.
// TODO: re-enable when we no longer compare to 15.
// {name: 'hasOwnProperty', read: getAttribute('hasOwnProperty')},
{name: 'headers', containerTagName: 'tr', tagName: 'td'},
{name: 'height', tagName: 'img'},
{
name: 'height',
containerTagName: 'svg',
tagName: 'rect',
read: getSVGProperty('height'),
overrideStringValue: '100%',
},
{name: 'hidden', overrideStringValue: 'until-found'},
{name: 'high', tagName: 'meter'},
{
name: 'horiz-adv-x',
read: getSVGAttribute('horiz-adv-x'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'horiz-origin-x',
read: getSVGAttribute('horiz-origin-x'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'horizAdvX',
read: getSVGAttribute('horiz-adv-x'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'horizOriginX',
read: getSVGAttribute('horiz-origin-x'),
containerTagName: 'svg',
tagName: 'font',
},
{name: 'href', tagName: 'a', overrideStringValue: 'https://reactjs.com'},
{name: 'hrefLang', read: getAttribute('hreflang')},
{name: 'htmlFor', tagName: 'label'},
{
name: 'http-equiv',
containerTagName: 'head',
tagName: 'meta',
read: getProperty('httpEquiv'),
},
{name: 'httpEquiv', containerTagName: 'head', tagName: 'meta'},
{name: 'icon', tagName: 'command', read: getAttribute('icon')},
{name: 'id'},
{name: 'ID', read: getProperty('id')},
{
name: 'ideographic',
read: getSVGAttribute('ideographic'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'image-rendering',
tagName: 'svg',
read: getSVGAttribute('image-rendering'),
},
{
name: 'imageRendering',
tagName: 'svg',
read: getSVGAttribute('image-rendering'),
},
{name: 'imageSizes', tagName: 'link', read: getProperty('imageSizes')},
{name: 'imageSrcSet', tagName: 'link', read: getProperty('imageSrcset')},
{
name: 'in',
read: getSVGAttribute('in'),
containerTagName: 'svg',
tagName: 'feBlend',
},
{name: 'inert'},
{
name: 'in2',
read: getSVGProperty('in2'),
containerTagName: 'svg',
tagName: 'feBlend',
},
{name: 'initialChecked', read: getAttribute('initialchecked')},
{name: 'initialValue', read: getAttribute('initialvalue')},
{name: 'inlist', read: getAttribute('inlist')},
{name: 'inputMode', tagName: 'input'},
{name: 'integrity', tagName: 'script'},
{
name: 'intercept',
read: getSVGProperty('intercept'),
containerTagName: 'svg',
tagName: 'feFuncA',
},
{
name: 'is',
tagName: 'button',
overrideStringValue: 'x-test-element',
read: getAttribute('is'), // TODO: This could check if this is an extended custom element but this is a controversial spec.
},
{name: 'itemID', read: getAttribute('itemid')},
{name: 'itemProp', read: getAttribute('itemprop')},
{name: 'itemRef', read: getAttribute('itemref')},
{name: 'itemScope', read: getAttribute('itemscope')},
{name: 'itemType', read: getAttribute('itemtype')},
{
name: 'k',
read: getSVGAttribute('k'),
containerTagName: 'svg',
tagName: 'hkern',
},
{
name: 'K',
containerTagName: 'svg',
tagName: 'hkern',
read: getSVGAttribute('k'),
},
{
name: 'K1',
containerTagName: 'svg',
tagName: 'feComposite',
read: getSVGProperty('k1'),
},
{
name: 'k1',
read: getSVGProperty('k1'),
containerTagName: 'svg',
tagName: 'feComposite',
},
{
name: 'k2',
read: getSVGProperty('k2'),
containerTagName: 'svg',
tagName: 'feComposite',
},
{
name: 'k3',
read: getSVGProperty('k3'),
containerTagName: 'svg',
tagName: 'feComposite',
},
{
name: 'k4',
read: getSVGProperty('k4'),
containerTagName: 'svg',
tagName: 'feComposite',
},
{
name: 'kernelMatrix',
read: getSVGProperty('kernelMatrix'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
overrideStringValue: '1 2 3,4',
},
{
name: 'kernelUnitLength',
read: getSVGAttribute('kernelUnitLength'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
},
{
name: 'kerning',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('kerning'),
},
{name: 'keyParams', read: getAttribute('keyParams')},
{
name: 'keyPoints',
read: getSVGAttribute('keyPoints'),
containerTagName: 'svg',
tagName: 'animateMotion',
},
{
name: 'keySplines',
read: getSVGAttribute('keySplines'),
containerTagName: 'svg',
tagName: 'animate',
},
{
name: 'keyTimes',
read: getSVGAttribute('keyTimes'),
containerTagName: 'svg',
tagName: 'animate',
},
{name: 'keyType', read: getAttribute('keyType')},
{name: 'kind', tagName: 'track', overrideStringValue: 'captions'},
{name: 'label', tagName: 'track'},
{name: 'LANG', read: getProperty('lang')},
{name: 'lang'},
{name: 'lang', containerTagName: 'document', tagName: 'html'},
{name: 'length', read: getAttribute('length')},
{
name: 'lengthAdjust',
read: getSVGProperty('lengthAdjust'),
containerTagName: 'svg',
tagName: 'text',
overrideStringValue: 'spacingAndGlyphs',
},
{
name: 'letter-spacing',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('letter-spacing'),
},
{
name: 'letterSpacing',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('letter-spacing'),
},
{
name: 'lighting-color',
containerTagName: 'svg',
tagName: 'feDiffuseLighting',
read: getSVGAttribute('lighting-color'),
},
{
name: 'lightingColor',
containerTagName: 'svg',
tagName: 'feDiffuseLighting',
read: getSVGAttribute('lighting-color'),
},
{
name: 'limitingConeAngle',
read: getSVGProperty('limitingConeAngle'),
containerTagName: 'svg',
tagName: 'feSpotLight',
},
{name: 'list', read: getAttribute('list')}, // TODO: This should match the ID of a datalist element and then read property.
{
name: 'local',
read: getSVGAttribute('local'),
containerTagName: 'svg',
tagName: 'color-profile',
},
{name: 'loop', tagName: 'audio'},
{name: 'low', tagName: 'meter'},
{name: 'manifest', read: getAttribute('manifest')},
{name: 'marginHeight', containerTagName: 'frameset', tagName: 'frame'},
{name: 'marginWidth', containerTagName: 'frameset', tagName: 'frame'},
{
name: 'marker-end',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-end'),
},
{
name: 'marker-mid',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-mid'),
},
{
name: 'marker-start',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-start'),
},
{
name: 'markerEnd',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-end'),
},
{
name: 'markerHeight',
read: getSVGProperty('markerHeight'),
containerTagName: 'svg',
tagName: 'marker',
},
{
name: 'markerMid',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-mid'),
},
{
name: 'markerStart',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('marker-start'),
},
{
name: 'markerUnits',
read: getSVGProperty('markerUnits'),
containerTagName: 'svg',
tagName: 'marker',
},
{
name: 'markerWidth',
read: getSVGProperty('markerWidth'),
containerTagName: 'svg',
tagName: 'marker',
},
{
name: 'mask',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('mask'),
},
{
name: 'maskContentUnits',
read: getSVGProperty('maskContentUnits'),
containerTagName: 'svg',
tagName: 'mask',
overrideStringValue: 'objectBoundingBox',
},
{
name: 'maskUnits',
read: getSVGProperty('maskUnits'),
containerTagName: 'svg',
tagName: 'mask',
overrideStringValue: 'userSpaceOnUse',
},
{
name: 'mathematical',
read: getSVGAttribute('mathematical'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'max', tagName: 'input'},
{name: 'max', tagName: 'meter'},
{name: 'max', tagName: 'progress'},
{
name: 'max',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('max'),
},
{name: 'maxLength', tagName: 'textarea'},
{name: 'media', tagName: 'link'},
{
name: 'media',
containerTagName: 'svg',
tagName: 'style',
read: getSVGProperty('media'),
},
{name: 'mediaGroup', tagName: 'video', read: getAttribute('mediagroup')}, // TODO: Not yet implemented in Chrome.
{name: 'method', tagName: 'form', overrideStringValue: 'POST'},
{
name: 'method',
containerTagName: 'svg',
tagName: 'textPath',
read: getSVGProperty('method'),
overrideStringValue: 'stretch',
},
{name: 'min', tagName: 'input'},
{name: 'min', tagName: 'meter'},
{
name: 'min',
containerTagName: 'svg',
tagName: 'animate',
read: getSVGAttribute('min'),
},
{name: 'minLength', tagName: 'input'},
{
name: 'mode',
read: getSVGProperty('mode'),
containerTagName: 'svg',
tagName: 'feBlend',
overrideStringValue: 'multiply',
},
{name: 'multiple', tagName: 'select'},
{name: 'muted', tagName: 'video'},
{name: 'name', tagName: 'input'},
{
name: 'name',
containerTagName: 'svg',
tagName: 'color-profile',
read: getSVGAttribute('color-profile'),
},
{name: 'noModule', tagName: 'script'},
{name: 'nonce', read: getAttribute('nonce')},
{name: 'noValidate', tagName: 'form'},
{
name: 'numOctaves',
read: getSVGProperty('numOctaves'),
containerTagName: 'svg',
tagName: 'feTurbulence',
},
{
name: 'offset',
read: getSVGProperty('offset'),
containerTagName: 'svg',
tagName: 'stop',
},
{name: 'on-click'}, // TODO: Check for event subscriptions
{name: 'on-unknownevent'}, // TODO: Check for event subscriptions
{name: 'onclick'}, // TODO: Check for event subscriptions
{name: 'onClick'}, // TODO: Check for event subscriptions
{name: 'onunknownevent'}, // TODO: Check for event subscriptions
{name: 'onUnknownEvent'}, // TODO: Check for event subscriptions
{
name: 'opacity',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('opacity'),
},
{name: 'open', tagName: 'details'},
{
name: 'operator',
read: getSVGProperty('operator'),
containerTagName: 'svg',
tagName: 'feComposite',
overrideStringValue: 'xor',
},
{name: 'optimum', tagName: 'meter'},
{
name: 'order',
read: getSVGAttribute('order'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
},
{
name: 'orient',
read: getSVGAttribute('orient'),
containerTagName: 'svg',
tagName: 'marker',
},
{
name: 'orientation',
read: getSVGAttribute('orientation'),
containerTagName: 'svg',
tagName: 'glyph',
},
{
name: 'origin',
read: getSVGAttribute('origin'),
containerTagName: 'svg',
tagName: 'animateMotion',
},
{
name: 'overflow',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('overflow'),
},
{
name: 'overline-position',
read: getSVGAttribute('overline-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'overline-thickness',
read: getSVGAttribute('overline-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'overlinePosition',
read: getSVGAttribute('overline-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'overlineThickness',
read: getSVGAttribute('overline-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'paint-order',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('paint-order'),
},
{
name: 'paintOrder',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('paint-order'),
},
{
name: 'panose-1',
read: getSVGAttribute('panose-1'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'panose1',
containerTagName: 'svg',
tagName: 'font-face',
read: getSVGAttribute('panose-1'),
},
{
name: 'pathLength',
read: getSVGProperty('pathLength'),
containerTagName: 'svg',
tagName: 'path',
},
{name: 'pattern', tagName: 'input'},
{
name: 'patternContentUnits',
read: getSVGProperty('patternContentUnits'),
containerTagName: 'svg',
tagName: 'pattern',
overrideStringValue: 'objectBoundingBox',
},
{
name: 'patternTransform',
read: getSVGProperty('patternTransform'),
containerTagName: 'svg',
tagName: 'pattern',
overrideStringValue:
'translate(-10,-20) scale(2) rotate(45) translate(5,10)',
},
{
name: 'patternUnits',
read: getSVGProperty('patternUnits'),
containerTagName: 'svg',
tagName: 'pattern',
overrideStringValue: 'userSpaceOnUse',
},
{name: 'placeholder', tagName: 'input'},
{name: 'playsInline', read: getAttribute('playsinline')},
{
name: 'pointer-events',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('pointer-events'),
},
{
name: 'pointerEvents',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('pointer-events'),
},
{
name: 'points',
read: getSVGProperty('points'),
containerTagName: 'svg',
tagName: 'polygon',
overrideStringValue: '350,75 379,161 469,161',
},
{
name: 'pointsAtX',
read: getSVGProperty('pointsAtX'),
containerTagName: 'svg',
tagName: 'feSpotLight',
},
{
name: 'pointsAtY',
read: getSVGProperty('pointsAtY'),
containerTagName: 'svg',
tagName: 'feSpotLight',
},
{
name: 'pointsAtZ',
read: getSVGProperty('pointsAtZ'),
containerTagName: 'svg',
tagName: 'feSpotLight',
},
{
name: 'poster',
tagName: 'video',
overrideStringValue: 'https://reactjs.com',
},
{name: 'prefix', read: getAttribute('prefix')},
{name: 'preload', tagName: 'video', overrideStringValue: 'none'},
{
name: 'preserveAlpha',
read: getSVGProperty('preserveAlpha'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
},
{
name: 'preserveAspectRatio',
read: getSVGProperty('preserveAspectRatio'),
containerTagName: 'svg',
tagName: 'feImage',
overrideStringValue: 'xMinYMin slice',
},
{
name: 'primitiveUnits',
read: getSVGProperty('primitiveUnits'),
containerTagName: 'svg',
tagName: 'filter',
overrideStringValue: 'objectBoundingBox',
},
{name: 'profile', read: getAttribute('profile')},
{name: 'property', read: getAttribute('property')},
{name: 'props', read: getAttribute('props')},
{
name: 'r',
read: getSVGProperty('r'),
containerTagName: 'svg',
tagName: 'circle',
overrideStringValue: '10pt',
},
{name: 'radioGroup', tagName: 'command', read: getAttribute('radiogroup')},
{
name: 'radius',
read: getSVGAttribute('radius'),
containerTagName: 'svg',
tagName: 'feMorphology',
},
{name: 'readOnly', tagName: 'input'},
{name: 'referrerPolicy', tagName: 'iframe'},
{
name: 'refX',
read: getSVGProperty('refX'),
containerTagName: 'svg',
tagName: 'marker',
overrideStringValue: '5em',
},
{
name: 'refY',
read: getSVGProperty('refY'),
containerTagName: 'svg',
tagName: 'marker',
overrideStringValue: '6em',
},
{name: 'rel', tagName: 'a'},
{
name: 'rendering-intent',
read: getSVGAttribute('rendering-intent'),
containerTagName: 'svg',
tagName: 'color-profile',
},
{
name: 'renderingIntent',
read: getSVGAttribute('rendering-intent'),
containerTagName: 'svg',
tagName: 'color-profile',
},
{
name: 'repeatCount',
read: getSVGAttribute('repeatcount'),
containerTagName: 'svg',
tagName: 'animate',
},
{
name: 'repeatDur',
read: getSVGAttribute('repeatdur'),
containerTagName: 'svg',
tagName: 'animate',
},
{name: 'required', tagName: 'input'},
{
name: 'requiredExtensions',
read: getSVGProperty('requiredExtensions'),
containerTagName: 'svg',
tagName: 'a',
},
{
name: 'requiredFeatures',
read: getSVGAttribute('requiredFeatures'),
containerTagName: 'svg',
tagName: 'a',
},
{name: 'resource', read: getAttribute('resource')},
{
name: 'restart',
read: getSVGAttribute('resource'),
containerTagName: 'svg',
tagName: 'animate',
},
{
name: 'result',
read: getSVGProperty('result'),
containerTagName: 'svg',
tagName: 'feBlend',
},
{name: 'results', tagName: 'input', read: getAttribute('results')}, // TODO: Should use property but it's not supported in Chrome.
{name: 'reversed', tagName: 'ol'},
{name: 'role', read: getAttribute('role')},
{
name: 'rotate',
read: getSVGAttribute('role'),
containerTagName: 'svg',
tagName: 'altGlyph',
},
{name: 'rows', tagName: 'textarea'},
{name: 'rowSpan', containerTagName: 'tr', tagName: 'td'},
{
name: 'rx',
read: getSVGProperty('rx'),
containerTagName: 'svg',
tagName: 'ellipse',
overrideStringValue: '1px',
},
{
name: 'ry',
read: getSVGProperty('ry'),
containerTagName: 'svg',
tagName: 'ellipse',
overrideStringValue: '2px',
},
{
name: 'sandbox',
tagName: 'iframe',
overrideStringValue: 'allow-forms allow-scripts',
},
{
name: 'scale',
read: getSVGProperty('scale'),
containerTagName: 'svg',
tagName: 'feDisplacementMap',
},
{
name: 'scope',
containerTagName: 'tr',
tagName: 'th',
overrideStringValue: 'row',
},
{name: 'scoped', tagName: 'style', read: getAttribute('scoped')},
{name: 'scrolling', tagName: 'iframe', overrideStringValue: 'no'},
{name: 'seamless', tagName: 'iframe', read: getAttribute('seamless')},
{name: 'security', tagName: 'iframe', read: getAttribute('security')},
{
name: 'seed',
read: getSVGProperty('seed'),
containerTagName: 'svg',
tagName: 'feTurbulence',
},
{name: 'selected', tagName: 'option', containerTagName: 'select'},
{name: 'selectedIndex', tagName: 'select'},
{name: 'shape', tagName: 'a'},
{
name: 'shape-rendering',
tagName: 'svg',
read: getSVGAttribute('shape-rendering'),
},
{
name: 'shapeRendering',
tagName: 'svg',
read: getSVGAttribute('shape-rendering'),
},
{name: 'size', tagName: 'input'},
{name: 'sizes', tagName: 'link'},
{
name: 'slope',
read: getSVGAttribute('slope'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'spacing',
read: getSVGProperty('spacing'),
containerTagName: 'svg',
tagName: 'textPath',
overrideStringValue: 'auto',
},
{name: 'span', containerTagName: 'colgroup', tagName: 'col'},
{
name: 'specularConstant',
read: getSVGProperty('specularConstant'),
containerTagName: 'svg',
tagName: 'feSpecularLighting',
},
{
name: 'specularExponent',
read: getSVGProperty('specularConstant'),
containerTagName: 'svg',
tagName: 'feSpecularLighting',
},
{name: 'speed', read: getAttribute('speed')},
{
name: 'spellCheck',
overrideStringValue: 'false',
tagName: 'input',
read: getProperty('spellcheck'),
},
{
name: 'spellcheck',
overrideStringValue: 'false',
tagName: 'input',
read: getProperty('spellcheck'),
},
{
name: 'spreadMethod',
read: getSVGProperty('spreadMethod'),
containerTagName: 'svg',
tagName: 'linearGradient',
overrideStringValue: 'reflect',
},
{name: 'src', tagName: 'img', overrideStringValue: 'https://reactjs.com'},
{
name: 'srcDoc',
tagName: 'iframe',
overrideStringValue: '<p>Hi</p>',
read: getProperty('srcdoc'),
},
{
name: 'srcdoc',
tagName: 'iframe',
overrideStringValue: '<p>Hi</p>',
read: getProperty('srcdoc'),
},
{
name: 'srcLang',
containerTagName: 'audio',
tagName: 'track',
overrideStringValue: 'en',
read: getProperty('srclang'),
},
{
name: 'srclang',
containerTagName: 'audio',
tagName: 'track',
overrideStringValue: 'en',
read: getProperty('srclang'),
},
{name: 'srcSet', tagName: 'img'},
{name: 'srcset', tagName: 'img'},
{name: 'start', tagName: 'ol'},
{
name: 'startOffset',
read: getSVGProperty('startOffset'),
containerTagName: 'svg',
tagName: 'textPath',
},
{name: 'state', read: getAttribute('state')},
{
name: 'stdDeviation',
read: getSVGAttribute('stdDeviation'),
containerTagName: 'svg',
tagName: 'feGaussianBlur',
},
{
name: 'stemh',
read: getSVGAttribute('stemh'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'stemv',
read: getSVGAttribute('stemv'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'step', read: getAttribute('step')},
{
name: 'stitchTiles',
read: getSVGProperty('stitchTiles'),
containerTagName: 'svg',
tagName: 'feTurbulence',
overrideStringValue: 'stitch',
},
{
name: 'stop-color',
containerTagName: 'svg',
tagName: 'stop',
read: getSVGAttribute('stop-color'),
},
{
name: 'stop-opacity',
containerTagName: 'svg',
tagName: 'stop',
read: getSVGAttribute('stop-opacity'),
},
{
name: 'stopColor',
containerTagName: 'svg',
tagName: 'stop',
read: getSVGAttribute('stop-color'),
},
{
name: 'stopOpacity',
containerTagName: 'svg',
tagName: 'stop',
read: getSVGAttribute('stop-opacity'),
},
{
name: 'strikethrough-position',
read: getSVGAttribute('strikethrough-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'strikethrough-thickness',
read: getSVGAttribute('strikethrough-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'strikethroughPosition',
read: getSVGAttribute('strikethrough-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'strikethroughThickness',
read: getSVGAttribute('strikethrough-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'string',
read: getSVGAttribute('string'),
containerTagName: 'svg',
tagName: 'font-face-format',
},
{
name: 'stroke',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke'),
},
{
name: 'stroke-dasharray',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-dasharray'),
},
{
name: 'stroke-Dasharray',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-dasharray'),
},
{
name: 'stroke-dashoffset',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-dashoffset'),
},
{
name: 'stroke-linecap',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-linecap'),
},
{
name: 'stroke-linejoin',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-linejoin'),
},
{
name: 'stroke-miterlimit',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-miterlimit'),
},
{
name: 'stroke-opacity',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-opacity'),
},
{
name: 'stroke-width',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-width'),
},
{
name: 'strokeDasharray',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-dasharray'),
},
{
name: 'strokeDashoffset',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-dashoffset'),
},
{
name: 'strokeLinecap',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-linecap'),
},
{
name: 'strokeLinejoin',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-linejoin'),
},
{
name: 'strokeMiterlimit',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-miterlimit'),
},
{
name: 'strokeOpacity',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-opacity'),
},
{
name: 'strokeWidth',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('stroke-width'),
},
{name: 'style'},
{name: 'summary', tagName: 'table'},
{
name: 'suppressContentEditableWarning',
read: getAttribute('suppresscontenteditablewarning'),
},
{
name: 'surfaceScale',
read: getSVGProperty('surfaceScale'),
containerTagName: 'svg',
tagName: 'feDiffuseLighting',
},
{
name: 'systemLanguage',
overrideStringValue: 'en',
read: getSVGProperty('systemLanguage'),
containerTagName: 'svg',
tagName: 'a',
},
{name: 'tabIndex'},
{
name: 'tabIndex',
read: getSVGProperty('tabIndex'),
tagName: 'svg',
},
{
name: 'tableValues',
read: getSVGProperty('tableValues'),
containerTagName: 'svg',
tagName: 'feFuncA',
overrideStringValue: '0 1 2 3',
},
{
name: 'target',
read: getSVGProperty('target'),
containerTagName: 'svg',
tagName: 'a',
},
{
name: 'targetX',
read: getSVGProperty('targetX'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
},
{
name: 'targetY',
read: getSVGProperty('targetY'),
containerTagName: 'svg',
tagName: 'feConvolveMatrix',
},
{
name: 'text-anchor',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('text-anchor'),
},
{
name: 'text-decoration',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('text-decoration'),
},
{
name: 'text-rendering',
tagName: 'svg',
read: getSVGAttribute('text-rendering'),
},
{
name: 'textAnchor',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('text-anchor'),
},
{
name: 'textDecoration',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('text-decoration'),
},
{
name: 'textLength',
read: getSVGProperty('textLength'),
containerTagName: 'svg',
tagName: 'text',
},
{
name: 'textRendering',
tagName: 'svg',
read: getSVGAttribute('text-rendering'),
},
{name: 'title'},
{
name: 'to',
read: getSVGAttribute('to'),
containerTagName: 'svg',
tagName: 'set',
},
{
name: 'transform',
read: getSVGProperty('transform'),
containerTagName: 'svg',
tagName: 'a',
overrideStringValue:
'translate(-10,-20) scale(2) rotate(45) translate(5,10)',
},
{
name: 'transform-origin',
tagName: 'svg',
read: getSVGAttribute('transform-origin'),
},
{
name: 'transformOrigin',
tagName: 'svg',
read: getSVGAttribute('transform-origin'),
},
{name: 'type', tagName: 'button', overrideStringValue: 'reset'},
{
name: 'type',
containerTagName: 'svg',
tagName: 'feFuncA',
read: getSVGProperty('type'),
overrideStringValue: 'discrete',
},
{name: 'typeof', read: getAttribute('typeof')},
{
name: 'u1',
read: getSVGAttribute('u1'),
containerTagName: 'svg',
tagName: 'hkern',
},
{
name: 'u2',
read: getSVGAttribute('u2'),
containerTagName: 'svg',
tagName: 'hkern',
},
{
name: 'underline-position',
read: getSVGAttribute('underline-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'underline-thickness',
read: getSVGAttribute('underline-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'underlinePosition',
read: getSVGAttribute('underline-position'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'underlineThickness',
read: getSVGAttribute('underline-thickness'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'unicode',
read: getSVGAttribute('unicode'),
containerTagName: 'svg',
tagName: 'glyph',
},
{
name: 'unicode-bidi',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('unicode-bidi'),
},
{
name: 'unicode-range',
read: getSVGAttribute('unicode-range'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'unicodeBidi',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('unicode-bidi'),
},
{
name: 'unicodeRange',
read: getSVGAttribute('unicode-range'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'units-per-em',
read: getSVGAttribute('units-per-em'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'unitsPerEm',
read: getSVGAttribute('unites-per-em'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'unknown', read: getAttribute('unknown')},
{
name: 'unselectable',
read: getAttribute('unselectable'),
tagName: 'span',
overrideStringValue: 'on',
},
{name: 'useMap', tagName: 'img'},
{
name: 'v-alphabetic',
read: getSVGAttribute('v-alphabetic'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'v-hanging',
read: getSVGAttribute('v-hanging'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'v-ideographic',
read: getSVGAttribute('v-ideographic'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'v-mathematical',
read: getSVGAttribute('v-mathematical'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'vAlphabetic',
read: getSVGAttribute('v-alphabetic'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'value', tagName: 'input', extraProps: {onChange() {}}},
{name: 'value', tagName: 'input', type: 'email', extraProps: {onChange() {}}},
{
name: 'value',
tagName: 'input',
type: 'number',
extraProps: {onChange() {}},
},
{name: 'value', tagName: 'textarea', extraProps: {onChange() {}}},
{
name: 'value',
containerTagName: 'select',
tagName: 'option',
extraProps: {onChange() {}},
},
{
name: 'Value',
containerTagName: 'select',
tagName: 'option',
read: getProperty('value'),
},
{
name: 'values',
read: getSVGProperty('values'),
containerTagName: 'svg',
tagName: 'feColorMatrix',
overrideStringValue: '1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0',
},
{
name: 'vector-effect',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('vector-effect'),
},
{
name: 'vectorEffect',
containerTagName: 'svg',
tagName: 'line',
read: getSVGAttribute('vector-effect'),
},
{name: 'version', containerTagName: 'document', tagName: 'html'},
{name: 'version', tagName: 'svg', read: getSVGAttribute('version')},
{
name: 'vert-adv-y',
read: getSVGAttribute('vert-origin-y'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vert-origin-x',
read: getSVGAttribute('vert-origin-y'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vert-origin-y',
read: getSVGAttribute('vert-origin-y'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vertAdvY',
read: getSVGAttribute('vert-adv-y'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vertOriginX',
read: getSVGAttribute('vert-origin-x'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vertOriginY',
read: getSVGAttribute('vert-origin-y'),
containerTagName: 'svg',
tagName: 'font',
},
{
name: 'vHanging',
read: getSVGAttribute('v-hanging'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'vIdeographic',
read: getSVGAttribute('v-ideographic'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'viewBox',
read: getSVGProperty('viewBox'),
containerTagName: 'svg',
tagName: 'marker',
overrideStringValue: '0 0 1500 1000',
},
{
name: 'viewTarget',
read: getSVGAttribute('viewTarget'),
containerTagName: 'svg',
tagName: 'view',
},
{name: 'visibility', read: getAttribute('visibility')},
{
name: 'visibility',
containerTagName: 'svg',
tagName: 'path',
read: getSVGAttribute('visibility'),
},
{
name: 'vMathematical',
read: getSVGAttribute('v-mathematical'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'vocab', read: getAttribute('vocab')},
{name: 'width', tagName: 'img'},
{
name: 'width',
containerTagName: 'svg',
tagName: 'rect',
read: getSVGProperty('width'),
},
{
name: 'widths',
read: getSVGAttribute('widths'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'wmode', read: getAttribute('wmode'), tagName: 'embed'},
{
name: 'word-spacing',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('word-spacing'),
},
{
name: 'wordSpacing',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('word-spacing'),
},
{name: 'wrap', tagName: 'textarea'},
{
name: 'writing-mode',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('writing-mode'),
},
{
name: 'writingMode',
containerTagName: 'svg',
tagName: 'text',
read: getSVGAttribute('writing-mode'),
},
{
name: 'x',
read: getSVGAttribute('x'),
containerTagName: 'svg',
tagName: 'altGlyph',
},
{
name: 'x-height',
read: getSVGAttribute('x-height'),
containerTagName: 'svg',
tagName: 'font-face',
},
{
name: 'x1',
read: getSVGProperty('x1'),
containerTagName: 'svg',
tagName: 'line',
},
{
name: 'x2',
read: getSVGProperty('x2'),
containerTagName: 'svg',
tagName: 'line',
},
{
name: 'xChannelSelector',
read: getSVGProperty('xChannelSelector'),
containerTagName: 'svg',
tagName: 'feDisplacementMap',
overrideStringValue: 'R',
},
{
name: 'xHeight',
read: getSVGAttribute('x-height'),
containerTagName: 'svg',
tagName: 'font-face',
},
{name: 'XLink:Actuate', read: getAttribute('XLink:Actuate')},
{name: 'xlink:actuate', read: getAttribute('xlink:actuate')},
{name: 'xlink:arcrole', read: getAttribute('xlink:arcrole')},
{name: 'xlink:href', read: getAttribute('xlink:href')},
{name: 'xlink:role', read: getAttribute('xlink:role')},
{name: 'xlink:show', read: getAttribute('xlink:show')},
{name: 'xlink:title', read: getAttribute('xlink:title')},
{name: 'xlink:type', read: getAttribute('xlink:type')},
{name: 'xlinkActuate', read: getAttribute('xlink:actuate')},
{name: 'XlinkActuate', read: getAttribute('Xlink:actuate')},
{name: 'xlinkArcrole', read: getAttribute('xlink:arcrole')},
{name: 'xlinkHref', read: getAttribute('xlink:href')},
{name: 'xlinkRole', read: getAttribute('xlink:role')},
{name: 'xlinkShow', read: getAttribute('xlink:show')},
{name: 'xlinkTitle', read: getAttribute('xlink:title')},
{name: 'xlinkType', read: getAttribute('xlink:type')},
{name: 'xml:base', read: getAttribute('xml:base')},
{name: 'xml:lang', read: getAttribute('xml:lang')},
{name: 'xml:space', read: getAttribute('xml:space')},
{name: 'xmlBase', read: getAttribute('xml:base')},
{name: 'xmlLang', read: getAttribute('xml:lang')},
{name: 'xmlns', read: getProperty('namespaceURI'), tagName: 'svg'},
{name: 'xmlns:xlink', read: getAttribute('xmlns:xlink')},
{name: 'xmlnsXlink', read: getAttribute('xmlns:xlink')},
{name: 'xmlSpace', read: getAttribute('xml:space')},
{
name: 'y',
read: getSVGAttribute('y'),
containerTagName: 'svg',
tagName: 'altGlyph',
},
{
name: 'y1',
read: getSVGProperty('y1'),
containerTagName: 'svg',
tagName: 'line',
},
{
name: 'y2',
read: getSVGProperty('y2'),
containerTagName: 'svg',
tagName: 'line',
},
{
name: 'yChannelSelector',
read: getSVGProperty('yChannelSelector'),
containerTagName: 'svg',
tagName: 'feDisplacementMap',
overrideStringValue: 'B',
},
{
name: 'z',
read: getSVGProperty('z'),
containerTagName: 'svg',
tagName: 'fePointLight',
},
{name: 'zoomAndPan', read: getSVGProperty('zoomAndPan'), tagName: 'svg'},
];
attributes.forEach(attr => {
attr.read = attr.read || getProperty(attr.name);
});
export default attributes;
Reference in New Issue View Git Blame Copy Permalink