From 46218a2f0f8aa82517e658cb35bc5b1355800d34 Mon Sep 17 00:00:00 2001
From: Andrew Clark <acdlite@fb.com>
Date: Thu, 31 Aug 2017 17:43:06 -0700
Subject: [PATCH] Extract attribute types to separate module

---
 fixtures/attribute-behavior/src/App.js        | 2690 +----------------
 .../src/attributeBehavior.js                  | 2655 ++++++++++++++++
 2 files changed, 2679 insertions(+), 2666 deletions(-)
 create mode 100644 fixtures/attribute-behavior/src/attributeBehavior.js

diff --git a/fixtures/attribute-behavior/src/App.js b/fixtures/attribute-behavior/src/App.js
index 156efa418f2c4..36067b3a1d7ca 100644
--- a/fixtures/attribute-behavior/src/App.js
+++ b/fixtures/attribute-behavior/src/App.js
@@ -1,6 +1,12 @@
 import {createElement} from 'glamor/react'; // eslint-disable-line
 /* @jsx createElement */
 
+import {
+  getRenderedAttributeValue,
+  attributes,
+  types,
+} from './attributeBehavior';
+
 import {MultiGrid, AutoSizer} from 'react-virtualized';
 import 'react-virtualized/styles.css';
 
@@ -18,2676 +24,20 @@ const ReactDOM16 = global.ReactDOM16;
 const ReactDOMServer15 = global.ReactDOMServer15;
 const ReactDOMServer16 = global.ReactDOMServer16;
 
-const types = [
-  {
-    name: 'string',
-    testValue: 'a string',
-    testDisplayValue: "'a string'",
-  },
-  {
-    name: 'empty string',
-    testValue: '',
-    testDisplayValue: "''",
-  },
-  {
-    name: 'array with string',
-    testValue: ['string'],
-    testDisplayValue: "['string']",
-  },
-  {
-    name: 'empty array',
-    testValue: [],
-    testDisplayValue: '[]',
-  },
-  {
-    name: 'object',
-    testValue: {
-      toString() {
-        return 'result of toString()';
-      },
-    },
-    testDisplayValue: "{ toString() { return 'result of toString()'; } }",
-  },
-  {
-    name: 'numeric string',
-    testValue: '42',
-    displayValue: "'42'",
-  },
-  {
-    name: '-1',
-    testValue: -1,
-  },
-  {
-    name: '0',
-    testValue: 0,
-  },
-  {
-    name: 'integer',
-    testValue: 1,
-  },
-  {
-    name: 'NaN',
-    testValue: NaN,
-  },
-  {
-    name: 'float',
-    testValue: 99.99,
-  },
-  {
-    name: 'true',
-    testValue: true,
-  },
-  {
-    name: 'false',
-    testValue: false,
-  },
-  {
-    name: "string 'true'",
-    testValue: 'true',
-    displayValue: "'true'",
-  },
-  {
-    name: "string 'false'",
-    testValue: 'false',
-    displayValue: "'false'",
-  },
-  {
-    name: "string 'on'",
-    testValue: 'on',
-    displayValue: "'on'",
-  },
-  {
-    name: "string 'off'",
-    testValue: 'off',
-    displayValue: "'off'",
-  },
-  {
-    name: 'symbol',
-    testValue: Symbol('foo'),
-    testDisplayValue: "Symbol('foo')",
-  },
-  {
-    name: 'function',
-    testValue: function f() {},
-  },
-  {
-    name: 'null',
-    testValue: null,
-  },
-  {
-    name: 'undefined',
-    testValue: undefined,
-  },
-];
-
-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: 'allowTransparency',
-    containerTagName: 'svg',
-    tagName: 'path',
-    read: getSVGAttribute('allowtransparency'),
-  },
-  {
-    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-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'},
-  {name: 'Checked', tagName: 'input', read: getAttribute('Checked')},
-  {name: 'Children', read: getAttribute('children')},
-  {name: 'children'},
-  {
-    name: 'cite',
-    tagName: 'blockquote',
-    overrideStringValue: 'http://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', 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: '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: 'exponent',
-    read: getSVGProperty('exponent'),
-    containerTagName: 'svg',
-    tagName: 'feFuncA',
-  },
-  {
-    name: 'externalResourcesRequired',
-    containerTagName: 'svg',
-    tagName: 'path',
-    read: getSVGAttribute('externalResourcesRequired'),
-  },
-  {
-    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'},
-  {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', tagName: 'meta', read: getProperty('httpEquiv')},
-  {name: 'httpEquiv', 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: 'in',
-    read: getSVGAttribute('in'),
-    containerTagName: 'svg',
-    tagName: 'feBlend',
-  },
-  {
-    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', read: getAttribute('inputmode')}, // TODO: Should use property but it's not implemented in Chrome
-  {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: '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: '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: '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: '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'},
-  {name: 'value', tagName: 'input', type: 'email'},
-  {name: 'value', tagName: 'input', type: 'number'},
-  {name: 'value', tagName: 'textarea'},
-  {name: 'value', containerTagName: 'select', tagName: 'option'},
-  {
-    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'},
-];
-
-const ALPHABETICAL = 'alphabetical';
-const REV_ALPHABETICAL = 'reverse_alphabetical';
-const GROUPED_BY_ROW_PATTERN = 'grouped_by_row_pattern';
-
-const ALL = 'all';
-const COMPLETE = 'complete';
-const INCOMPLETE = 'incomplete';
-
-function getCanonicalizedValue(value) {
-  switch (typeof value) {
-    case 'undefined':
-      return '<undefined>';
-    case 'object':
-      if (value === null) {
-        return '<null>';
-      }
-      if ('baseVal' in value) {
-        return getCanonicalizedValue(value.baseVal);
-      }
-      if (value instanceof SVGLength) {
-        return '<SVGLength: ' + value.valueAsString + '>';
-      }
-      if (value instanceof SVGRect) {
-        return (
-          '<SVGRect: ' +
-          [value.x, value.y, value.width, value.height].join(',') +
-          '>'
-        );
-      }
-      if (value instanceof SVGPreserveAspectRatio) {
-        return (
-          '<SVGPreserveAspectRatio: ' +
-          value.align +
-          '/' +
-          value.meetOrSlice +
-          '>'
-        );
-      }
-      if (value instanceof SVGNumber) {
-        return value.value;
-      }
-      if (value instanceof SVGMatrix) {
-        return (
-          '<SVGMatrix ' +
-          value.a +
-          ' ' +
-          value.b +
-          ' ' +
-          value.c +
-          ' ' +
-          value.d +
-          ' ' +
-          value.e +
-          ' ' +
-          value.f +
-          '>'
-        );
-      }
-      if (value instanceof SVGTransform) {
-        return (
-          getCanonicalizedValue(value.matrix) +
-          '/' +
-          value.type +
-          '/' +
-          value.angle
-        );
-      }
-      if (typeof value.length === 'number') {
-        return (
-          '[' +
-          Array.from(value).map(v => getCanonicalizedValue(v)).join(', ') +
-          ']'
-        );
-      }
-      let name = (value.constructor && value.constructor.name) || 'object';
-      return '<' + name + '>';
-    case 'function':
-      return '<function>';
-    case 'symbol':
-      return '<symbol>';
-    case 'number':
-      return `<number: ${value}>`;
-    case 'string':
-      if (value === '') {
-        return '<empty string>';
-      }
-      return '"' + value + '"';
-    case 'boolean':
-      return `<boolean: ${value}>`;
-    default:
-      throw new Error('Switch statement should be exhaustive.');
-  }
-}
-
-let _didWarn = false;
-function warn(str) {
-  _didWarn = true;
-}
-const UNKNOWN_HTML_TAGS = new Set(['keygen', 'time', 'command']);
-function getRenderedAttributeValue(renderer, serverRenderer, attribute, type) {
-  const originalConsoleError = console.error;
-  console.error = warn;
-
-  const containerTagName = attribute.containerTagName || 'div';
-  const tagName = attribute.tagName || 'div';
-
-  function createContainer() {
-    if (containerTagName === 'svg') {
-      return document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    } else if (containerTagName === 'document') {
-      return document.implementation.createHTMLDocument('');
-    } else {
-      return document.createElement(containerTagName);
-    }
-  }
-  let container = createContainer();
-
-  const read = attribute.read || getProperty(attribute.name);
-  let testValue = type.testValue;
-  if (attribute.overrideStringValue !== undefined) {
-    switch (type.name) {
-      case 'string':
-        testValue = attribute.overrideStringValue;
-        break;
-      case 'array with string':
-        testValue = [attribute.overrideStringValue];
-        break;
-      default:
-        break;
-    }
-  }
-  let baseProps = {};
-  if (attribute.type) {
-    baseProps.type = attribute.type;
-  }
-  const props = {
-    ...baseProps,
-    [attribute.name]: testValue,
-  };
-
-  let defaultValue;
-  let canonicalDefaultValue;
-  let result;
-  let canonicalResult;
-  let ssrResult;
-  let canonicalSsrResult;
-  let didWarn;
-  let didError;
-  let ssrDidWarn;
-  let ssrDidError;
-
-  _didWarn = false;
-  try {
-    renderer.render(React.createElement(tagName, baseProps), container);
-    defaultValue = read(container.firstChild);
-    canonicalDefaultValue = getCanonicalizedValue(defaultValue);
-    renderer.render(React.createElement(tagName, props), container);
-    result = read(container.firstChild);
-    canonicalResult = getCanonicalizedValue(result);
-    didWarn = _didWarn;
-    didError = false;
-  } catch (error) {
-    result = null;
-    didWarn = _didWarn;
-    didError = true;
-  }
-
-  _didWarn = false;
-  let hasTagMismatch = false;
-  let hasUnknownElement = false;
-  try {
-    const html = serverRenderer.renderToString(
-      React.createElement(tagName, props)
-    );
-    container = createContainer();
-    container.innerHTML = html;
-
-    if (
-      !container.lastChild ||
-      container.lastChild.tagName.toLowerCase() !== tagName.toLowerCase()
-    ) {
-      hasTagMismatch = true;
-    }
-
-    if (
-      container.lastChild instanceof HTMLUnknownElement &&
-      !UNKNOWN_HTML_TAGS.has(container.lastChild.tagName.toLowerCase())
-    ) {
-      hasUnknownElement = true;
-    }
-
-    ssrResult = read(container.lastChild);
-    canonicalSsrResult = getCanonicalizedValue(ssrResult);
-    ssrDidWarn = _didWarn;
-    ssrDidError = false;
-  } catch (error) {
-    ssrResult = null;
-    ssrDidWarn = _didWarn;
-    ssrDidError = true;
-  }
-
-  console.error = originalConsoleError;
-
-  if (hasTagMismatch) {
-    throw new Error('Tag mismatch. Expected: ' + tagName);
-  }
-  if (hasUnknownElement) {
-    throw new Error('Unexpected unknown element: ' + tagName);
-  }
-
-  let ssrHasSameBehavior;
-  let ssrHasSameBehaviorExceptWarnings;
-  if (didError && ssrDidError) {
-    ssrHasSameBehavior = true;
-  } else if (!didError && !ssrDidError) {
-    if (canonicalResult === canonicalSsrResult) {
-      ssrHasSameBehaviorExceptWarnings = true;
-      ssrHasSameBehavior = didWarn === ssrDidWarn;
-    }
-    ssrHasSameBehavior =
-      didWarn === ssrDidWarn && canonicalResult === canonicalSsrResult;
-  } else {
-    ssrHasSameBehavior = false;
-  }
-
-  return {
-    tagName,
-    containerTagName,
-    testValue,
-    defaultValue,
-    result,
-    canonicalResult,
-    canonicalDefaultValue,
-    didWarn,
-    didError,
-    ssrResult,
-    canonicalSsrResult,
-    ssrDidWarn,
-    ssrDidError,
-    ssrHasSameBehavior,
-    ssrHasSameBehaviorExceptWarnings,
-  };
-}
-
 function getRenderedAttributeValues(attribute, type) {
   const react15Value = getRenderedAttributeValue(
+    React,
     ReactDOM15,
     ReactDOMServer15,
     attribute,
-    type
+    type,
   );
   const react16Value = getRenderedAttributeValue(
+    React,
     ReactDOM16,
     ReactDOMServer16,
     attribute,
-    type
+    type,
   );
 
   let hasSameBehavior;
@@ -2731,7 +81,7 @@ for (let attribute of attributes) {
           res.canonicalDefaultValue,
           res.didWarn,
           res.didError,
-        ].join('||')
+        ].join('||'),
       )
       .join('||');
   }
@@ -2751,6 +101,14 @@ for (let attribute of attributes) {
 // Renable error overlay
 injectErrorOverlay();
 
+const ALPHABETICAL = 'alphabetical';
+const REV_ALPHABETICAL = 'reverse_alphabetical';
+const GROUPED_BY_ROW_PATTERN = 'grouped_by_row_pattern';
+
+const ALL = 'all';
+const COMPLETE = 'complete';
+const INCOMPLETE = 'incomplete';
+
 const successColor = 'white';
 const warnColor = 'yellow';
 const errorColor = 'red';
@@ -2808,7 +166,7 @@ function ResultPopover(props) {
           hasSameBehavior: props.hasSameBehavior,
         },
         null,
-        2
+        2,
       )}
     </pre>
   );
@@ -3024,7 +382,7 @@ class App extends Component {
   componentWillMount() {
     this.attributes = this.getAttributes(
       this.state.sortOrder,
-      this.state.filter
+      this.state.filter,
     );
   }
 
@@ -3037,7 +395,7 @@ class App extends Component {
       this.attributes = this.getAttributes(
         nextState.sortOrder,
         nextState.filter,
-        nextState.completedHashes
+        nextState.completedHashes,
       );
       this.grid.forceUpdateGrids();
     }
@@ -3070,11 +428,11 @@ class App extends Component {
     switch (sortOrder) {
       case ALPHABETICAL:
         return filteredAttributes.sort(
-          (attr1, attr2) => (attr1.name < attr2.name ? -1 : 1)
+          (attr1, attr2) => (attr1.name < attr2.name ? -1 : 1),
         );
       case REV_ALPHABETICAL:
         return filteredAttributes.sort(
-          (attr1, attr2) => (attr1.name < attr2.name ? 1 : -1)
+          (attr1, attr2) => (attr1.name < attr2.name ? 1 : -1),
         );
       case GROUPED_BY_ROW_PATTERN: {
         return filteredAttributes.sort((attr1, attr2) => {
diff --git a/fixtures/attribute-behavior/src/attributeBehavior.js b/fixtures/attribute-behavior/src/attributeBehavior.js
new file mode 100644
index 0000000000000..948ef02089757
--- /dev/null
+++ b/fixtures/attribute-behavior/src/attributeBehavior.js
@@ -0,0 +1,2655 @@
+export const types = [
+  {
+    name: 'string',
+    testValue: 'a string',
+    testDisplayValue: "'a string'",
+  },
+  {
+    name: 'empty string',
+    testValue: '',
+    testDisplayValue: "''",
+  },
+  {
+    name: 'array with string',
+    testValue: ['string'],
+    testDisplayValue: "['string']",
+  },
+  {
+    name: 'empty array',
+    testValue: [],
+    testDisplayValue: '[]',
+  },
+  {
+    name: 'object',
+    testValue: {
+      toString() {
+        return 'result of toString()';
+      },
+    },
+    testDisplayValue: "{ toString() { return 'result of toString()'; } }",
+  },
+  {
+    name: 'numeric string',
+    testValue: '42',
+    displayValue: "'42'",
+  },
+  {
+    name: '-1',
+    testValue: -1,
+  },
+  {
+    name: '0',
+    testValue: 0,
+  },
+  {
+    name: 'integer',
+    testValue: 1,
+  },
+  {
+    name: 'NaN',
+    testValue: NaN,
+  },
+  {
+    name: 'float',
+    testValue: 99.99,
+  },
+  {
+    name: 'true',
+    testValue: true,
+  },
+  {
+    name: 'false',
+    testValue: false,
+  },
+  {
+    name: "string 'true'",
+    testValue: 'true',
+    displayValue: "'true'",
+  },
+  {
+    name: "string 'false'",
+    testValue: 'false',
+    displayValue: "'false'",
+  },
+  {
+    name: "string 'on'",
+    testValue: 'on',
+    displayValue: "'on'",
+  },
+  {
+    name: "string 'off'",
+    testValue: 'off',
+    displayValue: "'off'",
+  },
+  {
+    name: 'symbol',
+    testValue: Symbol('foo'),
+    testDisplayValue: "Symbol('foo')",
+  },
+  {
+    name: 'function',
+    testValue: function f() {},
+  },
+  {
+    name: 'null',
+    testValue: null,
+  },
+  {
+    name: 'undefined',
+    testValue: undefined,
+  },
+];
+
+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);
+  };
+}
+
+export 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: 'allowTransparency',
+    containerTagName: 'svg',
+    tagName: 'path',
+    read: getSVGAttribute('allowtransparency'),
+  },
+  {
+    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-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'},
+  {name: 'Checked', tagName: 'input', read: getAttribute('Checked')},
+  {name: 'Children', read: getAttribute('children')},
+  {name: 'children'},
+  {
+    name: 'cite',
+    tagName: 'blockquote',
+    overrideStringValue: 'http://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', 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: '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: 'exponent',
+    read: getSVGProperty('exponent'),
+    containerTagName: 'svg',
+    tagName: 'feFuncA',
+  },
+  {
+    name: 'externalResourcesRequired',
+    containerTagName: 'svg',
+    tagName: 'path',
+    read: getSVGAttribute('externalResourcesRequired'),
+  },
+  {
+    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'},
+  {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', tagName: 'meta', read: getProperty('httpEquiv')},
+  {name: 'httpEquiv', 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: 'in',
+    read: getSVGAttribute('in'),
+    containerTagName: 'svg',
+    tagName: 'feBlend',
+  },
+  {
+    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', read: getAttribute('inputmode')}, // TODO: Should use property but it's not implemented in Chrome
+  {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: '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: '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: '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: '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'},
+  {name: 'value', tagName: 'input', type: 'email'},
+  {name: 'value', tagName: 'input', type: 'number'},
+  {name: 'value', tagName: 'textarea'},
+  {name: 'value', containerTagName: 'select', tagName: 'option'},
+  {
+    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'},
+];
+
+export function getCanonicalizedValue(value) {
+  switch (typeof value) {
+    case 'undefined':
+      return '<undefined>';
+    case 'object':
+      if (value === null) {
+        return '<null>';
+      }
+      if ('baseVal' in value) {
+        return getCanonicalizedValue(value.baseVal);
+      }
+      if (value instanceof SVGLength) {
+        return '<SVGLength: ' + value.valueAsString + '>';
+      }
+      if (value instanceof SVGRect) {
+        return (
+          '<SVGRect: ' +
+          [value.x, value.y, value.width, value.height].join(',') +
+          '>'
+        );
+      }
+      if (value instanceof SVGPreserveAspectRatio) {
+        return (
+          '<SVGPreserveAspectRatio: ' +
+          value.align +
+          '/' +
+          value.meetOrSlice +
+          '>'
+        );
+      }
+      if (value instanceof SVGNumber) {
+        return value.value;
+      }
+      if (value instanceof SVGMatrix) {
+        return (
+          '<SVGMatrix ' +
+          value.a +
+          ' ' +
+          value.b +
+          ' ' +
+          value.c +
+          ' ' +
+          value.d +
+          ' ' +
+          value.e +
+          ' ' +
+          value.f +
+          '>'
+        );
+      }
+      if (value instanceof SVGTransform) {
+        return (
+          getCanonicalizedValue(value.matrix) +
+          '/' +
+          value.type +
+          '/' +
+          value.angle
+        );
+      }
+      if (typeof value.length === 'number') {
+        return (
+          '[' +
+          Array.from(value).map(v => getCanonicalizedValue(v)).join(', ') +
+          ']'
+        );
+      }
+      let name = (value.constructor && value.constructor.name) || 'object';
+      return '<' + name + '>';
+    case 'function':
+      return '<function>';
+    case 'symbol':
+      return '<symbol>';
+    case 'number':
+      return `<number: ${value}>`;
+    case 'string':
+      if (value === '') {
+        return '<empty string>';
+      }
+      return '"' + value + '"';
+    case 'boolean':
+      return `<boolean: ${value}>`;
+    default:
+      throw new Error('Switch statement should be exhaustive.');
+  }
+}
+
+let _didWarn = false;
+function warn(str) {
+  _didWarn = true;
+}
+const UNKNOWN_HTML_TAGS = new Set(['keygen', 'time', 'command']);
+function getRenderedAttributeValue(
+  React,
+  renderer,
+  serverRenderer,
+  attribute,
+  type,
+) {
+  const originalConsoleError = console.error;
+  console.error = warn;
+
+  const containerTagName = attribute.containerTagName || 'div';
+  const tagName = attribute.tagName || 'div';
+
+  function createContainer() {
+    if (containerTagName === 'svg') {
+      return document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    } else if (containerTagName === 'document') {
+      return document.implementation.createHTMLDocument('');
+    } else {
+      return document.createElement(containerTagName);
+    }
+  }
+  let container = createContainer();
+
+  const read = attribute.read || getProperty(attribute.name);
+  let testValue = type.testValue;
+  if (attribute.overrideStringValue !== undefined) {
+    switch (type.name) {
+      case 'string':
+        testValue = attribute.overrideStringValue;
+        break;
+      case 'array with string':
+        testValue = [attribute.overrideStringValue];
+        break;
+      default:
+        break;
+    }
+  }
+  let baseProps = {};
+  if (attribute.type) {
+    baseProps.type = attribute.type;
+  }
+  const props = {
+    ...baseProps,
+    [attribute.name]: testValue,
+  };
+
+  let defaultValue;
+  let canonicalDefaultValue;
+  let result;
+  let canonicalResult;
+  let ssrResult;
+  let canonicalSsrResult;
+  let didWarn;
+  let didError;
+  let ssrDidWarn;
+  let ssrDidError;
+
+  _didWarn = false;
+  try {
+    renderer.render(React.createElement(tagName, baseProps), container);
+    defaultValue = read(container.firstChild);
+    canonicalDefaultValue = getCanonicalizedValue(defaultValue);
+    renderer.render(React.createElement(tagName, props), container);
+    result = read(container.firstChild);
+    canonicalResult = getCanonicalizedValue(result);
+    didWarn = _didWarn;
+    didError = false;
+  } catch (error) {
+    result = null;
+    didWarn = _didWarn;
+    didError = true;
+  }
+
+  _didWarn = false;
+  let hasTagMismatch = false;
+  let hasUnknownElement = false;
+  try {
+    const html = serverRenderer.renderToString(
+      React.createElement(tagName, props),
+    );
+    container = createContainer();
+    container.innerHTML = html;
+
+    if (
+      !container.lastChild ||
+      container.lastChild.tagName.toLowerCase() !== tagName.toLowerCase()
+    ) {
+      hasTagMismatch = true;
+    }
+
+    if (
+      container.lastChild instanceof HTMLUnknownElement &&
+      !UNKNOWN_HTML_TAGS.has(container.lastChild.tagName.toLowerCase())
+    ) {
+      hasUnknownElement = true;
+    }
+
+    ssrResult = read(container.lastChild);
+    canonicalSsrResult = getCanonicalizedValue(ssrResult);
+    ssrDidWarn = _didWarn;
+    ssrDidError = false;
+  } catch (error) {
+    ssrResult = null;
+    ssrDidWarn = _didWarn;
+    ssrDidError = true;
+  }
+
+  console.error = originalConsoleError;
+
+  if (hasTagMismatch) {
+    throw new Error('Tag mismatch. Expected: ' + tagName);
+  }
+  if (hasUnknownElement) {
+    throw new Error('Unexpected unknown element: ' + tagName);
+  }
+
+  let ssrHasSameBehavior;
+  let ssrHasSameBehaviorExceptWarnings;
+  if (didError && ssrDidError) {
+    ssrHasSameBehavior = true;
+  } else if (!didError && !ssrDidError) {
+    if (canonicalResult === canonicalSsrResult) {
+      ssrHasSameBehaviorExceptWarnings = true;
+      ssrHasSameBehavior = didWarn === ssrDidWarn;
+    }
+    ssrHasSameBehavior =
+      didWarn === ssrDidWarn && canonicalResult === canonicalSsrResult;
+  } else {
+    ssrHasSameBehavior = false;
+  }
+
+  return {
+    tagName,
+    containerTagName,
+    testValue,
+    defaultValue,
+    result,
+    canonicalResult,
+    canonicalDefaultValue,
+    didWarn,
+    didError,
+    ssrResult,
+    canonicalSsrResult,
+    ssrDidWarn,
+    ssrDidError,
+    ssrHasSameBehavior,
+    ssrHasSameBehaviorExceptWarnings,
+  };
+}