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",