\n+ {children}\n+ <\/div>\n+ );\n+ }\n+}\n+\n+Fixture.propTypes = propTypes;\n+\n+export default Fixture\ndiff --git a\/fixtures\/dom\/src\/components\/FixtureSet.js b\/fixtures\/dom\/src\/components\/FixtureSet.js\nnew file mode 100644\nindex 0000000000..9c6e8581eb\n--- \/dev\/null\n+++ b\/fixtures\/dom\/src\/components\/FixtureSet.js\n@@ -0,0 +1,28 @@\n+import React from 'react';\n+\n+const propTypes = {\n+ title: React.PropTypes.node.isRequired,\n+ description: React.PropTypes.node.isRequired,\n+};\n+\n+class FixtureSet extends React.Component {\n+\n+ render() {\n+ const { title, description, children } = this.props;\n+\n+ return (\n+

\n+

{title}<\/h1>\n+ {description && (\n+
{description}<\/p>\n+ )}\n+\n+ {children}\n+ <\/div>\n+ );\n+ }\n+}\n+\n+FixtureSet.propTypes = propTypes;\n+\n+export default FixtureSet\ndiff --git a\/fixtures\/dom\/src\/components\/Header.js b\/fixtures\/dom\/src\/components\/Header.js\nindex fb9d143f0f..83f77eee31 100644\n--- a\/fixtures\/dom\/src\/components\/Header.js\n+++ b\/fixtures\/dom\/src\/components\/Header.js\n@@ -1,4 +1,5 @@\n import { parse, stringify } from 'query-string';\n+import getVersionTags from '..\/tags';\n const React = window.React;\n \n const Header = React.createClass({\n@@ -9,13 +10,12 @@ const Header = React.createClass({\n return { version, versions };\n },\n componentWillMount() {\n- fetch('https:\/\/api.github.com\/repos\/facebook\/react\/tags', { mode: 'cors' })\n- .then(res => res.json())\n+ getVersionTags()\n .then(tags => {\n let versions = tags.map(tag => tag.name.slice(1));\n- versions = ['local', ...versions];\n+ versions = [`local`, ...versions];\n this.setState({ versions });\n- });\n+ })\n },\n handleVersionChange(event) {\n const query = parse(window.location.search);\n@@ -46,6 +46,7 @@ const Header = React.createClass({\n

\n+ \n+ \n+ {' '}{title}\n+ <\/label>\n+ <\/h2>\n+\n+
\n+ {resolvedIn && (\n+
First supported in: <\/dt>)}\n+ {resolvedIn && (\n+
\n+ \n+ `{resolvedIn}<\/code>\n+ <\/a>\n+ <\/dd>\n+ )}\n+\n+ {resolvedBy && (\n+`
`Fixed by: <\/dt>)}\n+ {resolvedBy && (\n+`
`\n+` `\n+ {resolvedBy}<\/code>\n+ <\/a>\n+ <\/dd>\n+ )}\n+\n+ {affectedBrowsers &&\n+`
`Affected browsers: <\/dt>}\n+ {affectedBrowsers &&\n+`
{affectedBrowsers}<\/dd>\n+ }\n+ <\/dl>\n+\n+ \n+ {description}\n+ <\/p>\n+\n+ \n+ {!isTestRelevant &&(\n+ \n+ Note:<\/strong> This test case was fixed in a later version of React.\n+ This test is not expected to pass for the selected version, and that's ok!\n+ <\/p>\n+ )}\n+\n+ {children}\n+ <\/div>\n+ <\/section>\n+ );\n+ }\n+}\n+\n+TestCase.propTypes = propTypes;\n+\n+TestCase.Steps = class extends React.Component {\n+ render() {\n+ const { children } = this.props;\n+ return (\n+ \n+ Steps to reproduce:<\/h3>\n+ \n+ {children}\n+ <\/ol>\n+ <\/div>\n+ )\n+ }\n+}\n+\n+TestCase.ExpectedResult = class extends React.Component {\n+ render() {\n+ const { children } = this.props\n+ return (\n+ \n+ Expected Result:<\/h3>\n+ \n+ {children}\n+ <\/p>\n+ <\/div>\n+ )\n+ }\n+}\n+export default TestCase\ndiff --git a\/fixtures\/dom\/src\/components\/fixtures\/index.js b\/fixtures\/dom\/src\/components\/fixtures\/index.js\nindex b0e70baf99..ea7cebbde8 100644\n--- a\/fixtures\/dom\/src\/components\/fixtures\/index.js\n+++ b\/fixtures\/dom\/src\/components\/fixtures\/index.js\n@@ -2,7 +2,8 @@ const React = window.React;\n import RangeInputFixtures from '.\/range-inputs';\n import TextInputFixtures from '.\/text-inputs';\n import SelectFixtures from '.\/selects';\n-import TextAreaFixtures from '.\/textareas\/';\n+import TextAreaFixtures from '.\/textareas';\n+import InputChangeEvents from '.\/input-change-events';\n \n \/**\n * A simple routing component that renders the appropriate\n@@ -19,6 +20,8 @@ const FixturesPage = React.createClass({\n return ;\n case '\/textareas':\n return ;\n+ case '\/input-change-events':\n+ return ;\n default:\n return Please select a test fixture.<\/p>;\n }\ndiff --git a\/fixtures\/dom\/src\/components\/fixtures\/input-change-events\/InputPlaceholderFixture.js b\/fixtures\/dom\/src\/components\/fixtures\/input-change-events\/InputPlaceholderFixture.js\nnew file mode 100644\nindex 0000000000..35419b896a\n--- \/dev\/null\n+++ b\/fixtures\/dom\/src\/components\/fixtures\/input-change-events\/InputPlaceholderFixture.js\n@@ -0,0 +1,61 @@\n+import React from 'react';\n+\n+import Fixture from '..\/..\/Fixture';\n+\n+\n+\n+class InputPlaceholderFixture extends React.Component {\n+ constructor(props, context) {\n+ super(props, context);\n+\n+ this.state = {\n+ placeholder: 'A placeholder',\n+ changeCount: 0,\n+ };\n+ }\n+\n+ handleChange = () => {\n+ this.setState(({ changeCount }) => {\n+ return {\n+ changeCount: changeCount + 1\n+ }\n+ })\n+ }\n+ handleGeneratePlaceholder = () => {\n+ this.setState({\n+ placeholder: `A placeholder: ${Math.random() * 100}`\n+ })\n+ }\n+\n+ handleReset = () => {\n+ this.setState({\n+ changeCount: 0,\n+ })\n+ }\n+\n+ render() {\n+ const { placeholder, changeCount } = this.state;\n+ const color = changeCount === 0 ? 'green' : 'red';\n+\n+ return (\n+ \n+ \n+ {' '}\n+

dillon1000/react

Files changed