Add fixture

fixtures/dom/public/react-loader.js

@@ -28,8 +28,8 @@ var query = parseQuery(window.location.search);
 var version = query.version || 'local';
 
 if (version !== 'local') {
-  REACT_PATH = 'https://unpkg.com/react@' + version + '/dist/react.min.js';
-  DOM_PATH = 'https://unpkg.com/react-dom@' + version + '/dist/react-dom.min.js';
+  REACT_PATH = 'https://unpkg.com/react@' + version + '/dist/react.js';
+  DOM_PATH = 'https://unpkg.com/react-dom@' + version + '/dist/react-dom.js';
 }
 
 document.write('<script src="' + REACT_PATH + '"></script>');

fixtures/dom/src/components/TestCase.js

@@ -9,6 +9,7 @@ const propTypes = {
   children: PropTypes.node.isRequired,
   title: PropTypes.node.isRequired,
   resolvedIn: semverString,
+  introducedIn: semverString,
   resolvedBy: PropTypes.string
 };
 
@@ -31,6 +32,7 @@ class TestCase extends React.Component {
     const {
       title,
       description,
+      introducedIn,
       resolvedIn,
       resolvedBy,
       affectedBrowsers,
@@ -40,13 +42,13 @@ class TestCase extends React.Component {
     let { complete } = this.state;
 
     const { version } = parse(window.location.search);
-    const isTestRelevant = (
+    const isTestFixed = (
       !version ||
       !resolvedIn ||
       semver.gte(version, resolvedIn)
     );
 
-    complete = !isTestRelevant || complete;
+    complete = !isTestFixed || complete;
 
     return (
       <section
@@ -68,6 +70,16 @@ class TestCase extends React.Component {
         </h2>
 
         <dl className="test-case__details">
+          {introducedIn && (
+            <dt>First broken in: </dt>)}
+          {introducedIn && (
+             <dd>
+               <a href={'https://github.com/facebook/react/tag/v' + introducedIn}>
+                 <code>{introducedIn}</code>
+               </a>
+             </dd>
+           )}
+
           {resolvedIn && (
             <dt>First supported in: </dt>)}
           {resolvedIn && (
@@ -100,12 +112,12 @@ class TestCase extends React.Component {
         </p>
 
         <div className="test-case__body">
-          {!isTestRelevant &&(
+          {!isTestFixed && (
              <p className="test-case__invalid-version">
                <strong>Note:</strong> This test case was fixed in a later version of React.
                This test is not expected to pass for the selected version, and that's ok!
              </p>
-           )}
+          )}
 
           {children}
         </div>

fixtures/dom/src/components/fixtures/input-change-events/RadioGroupFixture.js

@@ -0,0 +1,62 @@
+import React from 'react';
+
+import Fixture from '../../Fixture';
+
+class RadioGroupFixture extends React.Component {
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      changeCount: 0,
+    };
+  }
+
+  handleChange = () => {
+    this.setState(({ changeCount }) => {
+      return {
+        changeCount: changeCount + 1
+      }
+    })
+  }
+
+  handleReset = () => {
+    this.setState({
+      changeCount: 0,
+    })
+  }
+
+  render() {
+    const { changeCount } = this.state;
+    const color = changeCount === 2 ? 'green' : 'red';
+
+    return (
+      <Fixture>
+        <label>
+          <input
+            defaultChecked
+            name="foo"
+            type='radio'
+            onChange={this.handleChange}
+          />
+          Radio 1
+        </label>
+        <label>
+           <input
+            name="foo"
+            type='radio'
+            onChange={this.handleChange}
+          />
+          Radio 2
+        </label>
+
+        {' '}
+        <p style={{ color }}>
+          <code>onChange</code>{' calls: '}<strong>{changeCount}</strong>
+        </p>
+        <button onClick={this.handleReset}>Reset count</button>
+      </Fixture>
+    )
+  }
+}
+
+export default RadioGroupFixture;

fixtures/dom/src/components/fixtures/input-change-events/index.js

@@ -4,6 +4,7 @@ import FixtureSet from '../../FixtureSet';
 import TestCase from '../../TestCase';
 import RangeKeyboardFixture from './RangeKeyboardFixture';
 import RadioClickFixture from './RadioClickFixture';
+import RadioGroupFixture from './RadioGroupFixture';
 import InputPlaceholderFixture from './InputPlaceholderFixture';
 
 class InputChangeEvents extends React.Component {
@@ -50,6 +51,25 @@ class InputChangeEvents extends React.Component {
 
           <RadioClickFixture />
         </TestCase>
+        <TestCase
+          title="Uncontrolled radio groups"
+          description={`
+            Radio inputs should fire change events when the value moved to
+            another named input
+          `}
+          introducedIn="15.6.0"
+        >
+          <TestCase.Steps>
+            <li>Click on the "Radio 2"</li>
+            <li>Click back to "Radio 1"</li>
+          </TestCase.Steps>
+
+          <TestCase.ExpectedResult>
+            The <code>onChange</code> call count should equal 2
+          </TestCase.ExpectedResult>
+
+          <RadioGroupFixture />
+        </TestCase>
 
         <TestCase
           title="Inputs with placeholders"

fixtures/dom/yarn.lock

@@ -2199,6 +2199,18 @@ fbjs@^0.8.1, fbjs@^0.8.4:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.9"
 
+fbjs@^0.8.9:
+  version "0.8.12"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.12.tgz#10b5d92f76d45575fd63a217d4ea02bea2f8ed04"
+  dependencies:
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.9"
+
 figures@^1.3.5:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"