diff --git a/fixtures/dom/src/components/Header.js b/fixtures/dom/src/components/Header.js index 5f717d8be12ee..511b35e081a7b 100644 --- a/fixtures/dom/src/components/Header.js +++ b/fixtures/dom/src/components/Header.js @@ -48,6 +48,7 @@ const Header = React.createClass({ Selects Textareas Input change events + Buttons diff --git a/fixtures/dom/src/components/fixtures/buttons/index.js b/fixtures/dom/src/components/fixtures/buttons/index.js new file mode 100644 index 0000000000000..4991f4e4d8c6b --- /dev/null +++ b/fixtures/dom/src/components/fixtures/buttons/index.js @@ -0,0 +1,41 @@ +const React = window.React; + +import FixtureSet from '../../FixtureSet'; +import TestCase from '../../TestCase'; + +function onButtonClick() { + window.alert(`This shouldn't have happened!`); +} + +export default class ButtonTestCases extends React.Component { + render() { + return ( + + + + Click on the disabled button + + + Nothing should happen + + Click Me + + + + Click on the disabled button, which contains a span + + + Nothing should happen + + + Click Me + + + + ); + } +} diff --git a/fixtures/dom/src/components/fixtures/index.js b/fixtures/dom/src/components/fixtures/index.js index 516e8ad3aee27..91e1405c77a0a 100644 --- a/fixtures/dom/src/components/fixtures/index.js +++ b/fixtures/dom/src/components/fixtures/index.js @@ -5,6 +5,7 @@ import SelectFixtures from './selects'; import TextAreaFixtures from './textareas'; import InputChangeEvents from './input-change-events'; import NumberInputFixtures from './number-inputs/'; +import ButtonFixtures from './buttons'; /** * A simple routing component that renders the appropriate @@ -25,6 +26,8 @@ const FixturesPage = React.createClass({ return ; case '/number-inputs': return ; + case '/buttons': + return default: return Please select a test fixture.; } diff --git a/fixtures/dom/src/style.css b/fixtures/dom/src/style.css index 032d0c85f68b7..130f365bcbcc7 100644 --- a/fixtures/dom/src/style.css +++ b/fixtures/dom/src/style.css @@ -18,6 +18,12 @@ select { width: 12rem; } +button { + margin: 10px; + font-size: 18px; + padding: 5px; +} + .header { background: #222;
Please select a test fixture.