diff --git a/addons/jest/src/components/TestsPanel.js b/addons/jest/src/components/Panel.js similarity index 97% rename from addons/jest/src/components/TestsPanel.js rename to addons/jest/src/components/Panel.js index 2f7e34ba8dc1..4dbbba3d4ab2 100644 --- a/addons/jest/src/components/TestsPanel.js +++ b/addons/jest/src/components/Panel.js @@ -2,10 +2,10 @@ import React from 'react'; import PropTypes from 'prop-types'; import Indicator from './Indicator'; -import provideTests from '../hoc/provideTests'; +import provideJestResult from '../hoc/provideJestResult'; import colors from '../colors'; -const TestsPanel = ({ tests }) => { +const Panel = ({ tests }) => { const style = { padding: '10px 20px', flex: 1, @@ -150,7 +150,7 @@ const TestsPanel = ({ tests }) => { ); }; -TestsPanel.propTypes = { +Panel.propTypes = { tests: PropTypes.arrayOf( PropTypes.shape({ result: PropTypes.object, @@ -158,4 +158,4 @@ TestsPanel.propTypes = { ).isRequired, }; -export default provideTests(TestsPanel); +export default provideJestResult(Panel); diff --git a/addons/jest/src/components/TestsPanelTitle.js b/addons/jest/src/components/PanelTitle.js similarity index 84% rename from addons/jest/src/components/TestsPanelTitle.js rename to addons/jest/src/components/PanelTitle.js index 4d56aa072a6b..a64a352d5ac9 100644 --- a/addons/jest/src/components/TestsPanelTitle.js +++ b/addons/jest/src/components/PanelTitle.js @@ -1,11 +1,11 @@ import React from 'react'; import PropTypes from 'prop-types'; -import provideTests from '../hoc/provideTests'; +import provideJestResult from '../hoc/provideJestResult'; import Indicator from './Indicator'; import colors from '../colors'; -const TestPanelTitle = ({ tests }) => { +const PanelTitle = ({ tests }) => { if (!tests) { return (
@@ -26,7 +26,7 @@ const TestPanelTitle = ({ tests }) => {
); }; -TestPanelTitle.propTypes = { +PanelTitle.propTypes = { tests: PropTypes.arrayOf( PropTypes.shape({ result: PropTypes.object, @@ -34,4 +34,4 @@ TestPanelTitle.propTypes = { ).isRequired, }; -export default provideTests(TestPanelTitle); +export default provideJestResult(PanelTitle); diff --git a/addons/jest/src/hoc/provideTests.js b/addons/jest/src/hoc/provideJestResult.js similarity index 100% rename from addons/jest/src/hoc/provideTests.js rename to addons/jest/src/hoc/provideJestResult.js diff --git a/addons/jest/src/register.js b/addons/jest/src/register.js index 2df31875d0ba..8abcc1b9dfe8 100644 --- a/addons/jest/src/register.js +++ b/addons/jest/src/register.js @@ -2,14 +2,14 @@ import React from 'react'; import addons from '@storybook/addons'; -import TestPanelTitle from './components/TestsPanelTitle'; -import TestsPanel from './components/TestsPanel'; +import PanelTitle from './components/PanelTitle'; +import Panel from './components/Panel'; // Register the addon with a unique name. addons.register('storybook/tests', api => { // Also need to set a unique name to the panel. addons.addPanel('storybook/tests/panel', { - title: , - render: () => , + title: , + render: () => , }); }); diff --git a/examples/cra-kitchen-sink/.storybook/addons.js b/examples/cra-kitchen-sink/.storybook/addons.js index 123129bf9428..535310497346 100644 --- a/examples/cra-kitchen-sink/.storybook/addons.js +++ b/examples/cra-kitchen-sink/.storybook/addons.js @@ -6,3 +6,5 @@ import '@storybook/addon-options/register'; import '@storybook/addon-knobs/register'; import '@storybook/addon-backgrounds/register'; import '@storybook/addon-a11y/register'; +import '@storybook/addon-jest/register'; +import '@storybook/addon-jest/styles'; diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json index 61e12a943652..9532a9067283 100644 --- a/examples/cra-kitchen-sink/package.json +++ b/examples/cra-kitchen-sink/package.json @@ -27,6 +27,7 @@ "@storybook/addon-centered": "^3.2.10", "@storybook/addon-events": "^3.2.10", "@storybook/addon-info": "^3.2.11", + "@storybook/addon-jest": "^3.2.11", "@storybook/addon-knobs": "^3.2.10", "@storybook/addon-links": "^3.2.10", "@storybook/addon-notes": "^3.2.10",