Add addon-jest to examples/cra-kitchen-sink

storybookjs · Nov 16, 2017 · cb3d4d6 · cb3d4d6
1 parent 1073760
commit cb3d4d6
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 12 deletions.
diff --git a/addons/jest/src/components/TestsPanel.js → addons/jest/src/components/Panel.js b/addons/jest/src/components/TestsPanel.js → 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,12 +150,12 @@ const TestsPanel = ({ tests }) => {
     </div>
   );
 };
-TestsPanel.propTypes = {
+Panel.propTypes = {
   tests: PropTypes.arrayOf(
     PropTypes.shape({
       result: PropTypes.object,
     })
   ).isRequired,
 };
 
-export default provideTests(TestsPanel);
+export default provideJestResult(Panel);
diff --git a/...ns/jest/src/components/TestsPanelTitle.js → addons/jest/src/components/PanelTitle.js b/...ns/jest/src/components/TestsPanelTitle.js → 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 (
       <div style={{ display: 'flex', alignItems: 'center' }}>
@@ -26,12 +26,12 @@ const TestPanelTitle = ({ tests }) => {
     </div>
   );
 };
-TestPanelTitle.propTypes = {
+PanelTitle.propTypes = {
   tests: PropTypes.arrayOf(
     PropTypes.shape({
       result: PropTypes.object,
     })
   ).isRequired,
 };
 
-export default provideTests(TestPanelTitle);
+export default provideJestResult(PanelTitle);
diff --git a/addons/jest/src/hoc/provideTests.js → addons/jest/src/hoc/provideJestResult.js b/addons/jest/src/hoc/provideTests.js → addons/jest/src/hoc/provideJestResult.js
diff --git 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: <TestPanelTitle channel={addons.getChannel()} api={api} />,
-    render: () => <TestsPanel channel={addons.getChannel()} api={api} />,
+    title: <PanelTitle channel={addons.getChannel()} api={api} />,
+    render: () => <Panel channel={addons.getChannel()} api={api} />,
   });
 });
diff --git 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
@@ -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",