mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 19:11:08 +08:00
Merge branch 'next' into pr/8995
This commit is contained in:
Michael Shilman
commit
be3baa1e1c
32
.github/workflows/tests-puppeteer.yml
vendored
Normal file
32
.github/workflows/tests-puppeteer.yml
vendored
Normal file
@ -0,0 +1,32 @@
|
||||
name: Puppeteer & A11y tests
|
||||
|
||||
on: [push]
|
||||
|
||||
jobs:
|
||||
build:
|
||||
|
||||
name: Puppeteer & A11y tests
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/setup-node@v1
|
||||
with:
|
||||
node-version: '10.x'
|
||||
- uses: actions/checkout@v1
|
||||
- name: Cache node modules
|
||||
uses: actions/cache@v1
|
||||
with:
|
||||
path: node_modules
|
||||
key: ${{ runner.OS }}-build-${{ hashFiles('**/yarn.lock') }}
|
||||
restore-keys: |
|
||||
${{ runner.OS }}-build-${{ env.cache-name }}-
|
||||
${{ runner.OS }}-build-
|
||||
${{ runner.OS }}-
|
||||
- name: install, bootstrap
|
||||
run: |
|
||||
yarn bootstrap --core
|
||||
- name: build storybook
|
||||
run: |
|
||||
yarn --cwd examples/official-storybook build-storybook
|
||||
- name: test
|
||||
run: |
|
||||
yarn test --puppeteer
|
||||
@ -12,7 +12,7 @@
|
||||
|[graphql](addons/graphql) |+| | | | | | | | | | | |
|
||||
|[google-analytics](addons/google-analytics) |+|+|+|+|+|+|+|+|+|+|+|+|
|
||||
|[info](addons/info) |+| | | | | | | | | | | |
|
||||
|[jest](addons/jest) |+| | |+| | |+| | | | | |
|
||||
|[jest](addons/jest) |+|+|+|+|+|+|+|+|+|+|+|+|
|
||||
|[knobs](addons/knobs) |+|+*|+|+|+|+|+|+|+|+|+|+|
|
||||
|[links](addons/links) |+|+|+|+|+|+|+| |+|+|+|+|
|
||||
|[notes](addons/notes) |+|+*|+|+|+|+|+| |+|+|+|+|
|
||||
|
||||
37
CHANGELOG.md
37
CHANGELOG.md
@ -1,3 +1,40 @@
|
||||
## 5.2.7 (November 30, 2019)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* Addon-contexts: Fix 'cannot read property h of undefined' in preact ([#9001](https://github.com/storybookjs/storybook/pull/9001))
|
||||
* Addon-viewports: Fix missing TypeScript types ([#8848](https://github.com/storybookjs/storybook/pull/8848))
|
||||
* Addon-A11y: Show errors, reset config properly ([#8779](https://github.com/storybookjs/storybook/pull/8779))
|
||||
* UI: Store layout state in sessionStorage ([#8786](https://github.com/storybookjs/storybook/pull/8786))
|
||||
* UI: Fix MobileLayout component error on master ([#8941](https://github.com/storybookjs/storybook/pull/8941))
|
||||
* Addon-analytics: Fix 'path is required in .pageview()' ([#8468](https://github.com/storybookjs/storybook/pull/8468))
|
||||
|
||||
## 5.3.0-beta.13 (November 30, 2019)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* Addon-contexts: Fix 'cannot read property h of undefined' in preact ([#9001](https://github.com/storybookjs/storybook/pull/9001))
|
||||
|
||||
### Maintenance
|
||||
|
||||
* CLI: Code cleanup ([#9004](https://github.com/storybookjs/storybook/pull/9004))
|
||||
|
||||
## 5.3.0-beta.12 (November 29, 2019)
|
||||
|
||||
### Features
|
||||
|
||||
* Storyshots: Support a11y tests, generic tests ([#8934](https://github.com/storybookjs/storybook/pull/8934))
|
||||
|
||||
### Maintenance
|
||||
|
||||
* Dev: Add vscode launch.json for debugging ([#8993](https://github.com/storybookjs/storybook/pull/8993))
|
||||
* UI: viewMode proptypes changed to any string ([#8994](https://github.com/storybookjs/storybook/pull/8994))
|
||||
* Addon-docs: Remove deprecated framework-specific docs presets ([#8985](https://github.com/storybookjs/storybook/pull/8985))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
* Addon-docs: Upgrade MDX dependencies ([#8991](https://github.com/storybookjs/storybook/pull/8991))
|
||||
|
||||
## 5.3.0-beta.11 (November 28, 2019)
|
||||
|
||||
### Features
|
||||
|
||||
@ -47,6 +47,8 @@ export const inaccessible = () => (
|
||||
);
|
||||
```
|
||||
|
||||
## Parameters
|
||||
|
||||
For more customizability use parameters to configure [aXe options](https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#api-name-axeconfigure).
|
||||
You can override these options [at story level too](https://storybook.js.org/docs/configurations/options-parameter/#per-story-options).
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -33,12 +33,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"axe-core": "^3.3.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -952,6 +952,11 @@ exports[`A11YPanel should render report 1`] = `
|
||||
>
|
||||
<l
|
||||
className="emotion-0"
|
||||
scrollableNodeProps={
|
||||
Object {
|
||||
"tabIndex": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="emotion-0"
|
||||
@ -975,6 +980,7 @@ exports[`A11YPanel should render report 1`] = `
|
||||
>
|
||||
<div
|
||||
className="simplebar-content-wrapper"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="simplebar-content"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^2.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,12 +32,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-centered",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook decorator to center components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,7 +29,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"util-deprecate": "^1.0.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-contexts",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook Addon Contexts",
|
||||
"keywords": [
|
||||
"preact",
|
||||
@ -27,10 +27,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0"
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import Preact from 'preact';
|
||||
import { h, VNode } from 'preact';
|
||||
import { createAddonDecorator, Render } from '../../index';
|
||||
import { ContextsPreviewAPI } from '../ContextsPreviewAPI';
|
||||
|
||||
@ -6,9 +6,9 @@ import { ContextsPreviewAPI } from '../ContextsPreviewAPI';
|
||||
* This is the framework specific bindings for Preact.
|
||||
* '@storybook/preact' expects the returning object from a decorator to be a 'Preact vNode'.
|
||||
*/
|
||||
export const renderPreact: Render<Preact.VNode> = (contextNodes, propsMap, getStoryVNode) => {
|
||||
export const renderPreact: Render<VNode> = (contextNodes, propsMap, getStoryVNode) => {
|
||||
const { getRendererFrom } = ContextsPreviewAPI();
|
||||
return getRendererFrom(Preact.h)(contextNodes, propsMap, getStoryVNode);
|
||||
return getRendererFrom(h)(contextNodes, propsMap, getStoryVNode);
|
||||
};
|
||||
|
||||
export const withContexts = createAddonDecorator(renderPreact);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,10 +32,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -34,12 +34,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<center>
|
||||
<img src="docs/media/hero.png" width="100%" />
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
# Storybook Docs
|
||||
@ -32,7 +32,7 @@ When you [install Docs](#installation), every story gets a `DocsPage`. `DocsPage
|
||||
Click on the `Docs` tab to see it:
|
||||
|
||||
<center>
|
||||
<img src="docs/media/docs-tab.png" width="100%" />
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/docs-tab.png" width="100%" />
|
||||
</center>
|
||||
|
||||
For more information on how it works, see the [`DocsPage` reference](./docs/docspage.md).
|
||||
@ -68,7 +68,7 @@ markdown documentation.
|
||||
And here's how that's rendered in Storybook:
|
||||
|
||||
<center>
|
||||
<img src="docs/media/mdx-simple.png" width="100%" />
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/mdx-simple.png" width="100%" />
|
||||
</center>
|
||||
|
||||
For more information on `MDX`, see the [`MDX` reference](./docs/mdx.md).
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,13 +45,13 @@
|
||||
"@mdx-js/loader": "^1.5.1",
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@mdx-js/react": "^1.5.1",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/postinstall": "5.3.0-beta.11",
|
||||
"@storybook/router": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/postinstall": "5.3.0-beta.13",
|
||||
"@storybook/router": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"acorn": "^7.1.0",
|
||||
"acorn-jsx": "^5.1.0",
|
||||
"acorn-walk": "^7.0.0",
|
||||
|
||||
@ -2,7 +2,11 @@ import { isNil } from 'lodash';
|
||||
import { PropType } from '@storybook/components';
|
||||
import { createSummaryValue, isTooLongForTypeSummary } from '../../../lib';
|
||||
import { ExtractedProp, DocgenPropType } from '../../../lib/docgen';
|
||||
import { generateFuncSignature, generateShortFuncSignature } from './generateFuncSignature';
|
||||
import {
|
||||
generateFuncSignature,
|
||||
generateShortFuncSignature,
|
||||
toMultilineSignature,
|
||||
} from './generateFuncSignature';
|
||||
import {
|
||||
OBJECT_CAPTION,
|
||||
ARRAY_CAPTION,
|
||||
@ -22,6 +26,8 @@ import {
|
||||
InspectionArray,
|
||||
} from '../lib/inspection';
|
||||
|
||||
const MAX_FUNC_LENGTH = 150;
|
||||
|
||||
enum PropTypesType {
|
||||
CUSTOM = 'custom',
|
||||
ANY = 'any',
|
||||
@ -146,7 +152,7 @@ function generateTypeFromString(value: string, originalTypeName: string): TypeDe
|
||||
}
|
||||
default:
|
||||
short = getCaptionForInspectionType(type);
|
||||
compact = value;
|
||||
compact = splitIntoLines(value).length === 1 ? value : null;
|
||||
full = value;
|
||||
break;
|
||||
}
|
||||
@ -379,18 +385,18 @@ export function createType(extractedProp: ExtractedProp): PropType {
|
||||
return createSummaryValue(short, short !== full ? full : undefined);
|
||||
}
|
||||
case PropTypesType.FUNC: {
|
||||
const { short, compact, full } = generateType(type, extractedProp);
|
||||
const { short, full } = generateType(type, extractedProp);
|
||||
|
||||
let summary = short;
|
||||
const detail = full;
|
||||
let detail;
|
||||
|
||||
if (!isTooLongForTypeSummary(full)) {
|
||||
if (full.length < MAX_FUNC_LENGTH) {
|
||||
summary = full;
|
||||
} else if (!isNil(compact)) {
|
||||
summary = compact;
|
||||
} else {
|
||||
detail = toMultilineSignature(full);
|
||||
}
|
||||
|
||||
return createSummaryValue(summary, summary !== detail ? detail : undefined);
|
||||
return createSummaryValue(summary, detail);
|
||||
}
|
||||
default:
|
||||
return null;
|
||||
|
||||
@ -63,3 +63,7 @@ export function generateShortFuncSignature(
|
||||
|
||||
return funcParts.join(' ');
|
||||
}
|
||||
|
||||
export function toMultilineSignature(signature: string): string {
|
||||
return signature.replace(/,/g, ',\r\n');
|
||||
}
|
||||
|
||||
@ -161,7 +161,7 @@ describe('enhancePropTypesProp', () => {
|
||||
type: {
|
||||
name: 'custom',
|
||||
raw:
|
||||
'<div>Hello world from Montreal, Quebec, Canada!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>',
|
||||
'<div>Hello world from Montreal, Quebec, Canada!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>',
|
||||
},
|
||||
});
|
||||
|
||||
@ -170,7 +170,7 @@ describe('enhancePropTypesProp', () => {
|
||||
expect(type.summary).toBe('element');
|
||||
|
||||
const expectedDetail =
|
||||
'<div>Hello world from Montreal, Quebec, Canada!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>';
|
||||
'<div>Hello world from Montreal, Quebec, Canada!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>';
|
||||
|
||||
expect(type.detail.replace(/\s/g, '')).toBe(expectedDetail.replace(/\s/g, ''));
|
||||
});
|
||||
@ -303,7 +303,15 @@ describe('enhancePropTypesProp', () => {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
anotherAnother: {
|
||||
another2: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
another3: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
another4: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
@ -319,7 +327,9 @@ describe('enhancePropTypesProp', () => {
|
||||
foo: string,
|
||||
bar: string,
|
||||
another: string,
|
||||
anotherAnother: string
|
||||
another2: string,
|
||||
another3: string,
|
||||
another4: string
|
||||
}`;
|
||||
|
||||
expect(type.detail.replace(/\s/g, '')).toBe(expectedDetail.replace(/\s/g, ''));
|
||||
@ -382,7 +392,8 @@ describe('enhancePropTypesProp', () => {
|
||||
computed: true,
|
||||
},
|
||||
{
|
||||
value: '{\n foo: PropTypes.string,\n bar: PropTypes.string,\n}',
|
||||
value:
|
||||
'{\n foo: PropTypes.string,\n bar: PropTypes.string,\n hey: PropTypes.string,\n ho: PropTypes.string,\n}',
|
||||
computed: true,
|
||||
},
|
||||
],
|
||||
@ -398,7 +409,9 @@ describe('enhancePropTypesProp', () => {
|
||||
value: string
|
||||
} | {
|
||||
foo: string,
|
||||
bar: string
|
||||
bar: string,
|
||||
hey: string,
|
||||
ho: string
|
||||
}`;
|
||||
|
||||
expect(type.detail.replace(/\s/g, '')).toBe(expectedDetail.replace(/\s/g, ''));
|
||||
@ -799,7 +812,7 @@ describe('enhancePropTypesProp', () => {
|
||||
value: {
|
||||
name: 'custom',
|
||||
raw:
|
||||
'{\n text: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n another: PropTypes.string.isRequired,\n anotherAnother: PropTypes.string.isRequired,\n}',
|
||||
'{\n text: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n another: PropTypes.string.isRequired,\n another2: PropTypes.string.isRequired,\n another3: PropTypes.string.isRequired,\n another4: PropTypes.string.isRequired,\n}',
|
||||
},
|
||||
},
|
||||
});
|
||||
@ -812,7 +825,9 @@ describe('enhancePropTypesProp', () => {
|
||||
text: string,
|
||||
value: string,
|
||||
another: string,
|
||||
anotherAnother: string
|
||||
another2: string,
|
||||
another3: string,
|
||||
another4: string
|
||||
}]`;
|
||||
|
||||
expect(type.detail.replace(/\s/g, '')).toBe(expectedDetail.replace(/\s/g, ''));
|
||||
@ -875,7 +890,15 @@ describe('enhancePropTypesProp', () => {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
anotherAnother: {
|
||||
another2: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
another3: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
another4: {
|
||||
name: 'string',
|
||||
required: false,
|
||||
},
|
||||
@ -892,7 +915,9 @@ describe('enhancePropTypesProp', () => {
|
||||
foo: string,
|
||||
bar: string,
|
||||
another: string,
|
||||
anotherAnother: string
|
||||
another2: string,
|
||||
another3: string,
|
||||
another4: string
|
||||
}]`;
|
||||
|
||||
expect(type.detail.replace(/\s/g, '')).toBe(expectedDetail.replace(/\s/g, ''));
|
||||
|
||||
@ -98,7 +98,7 @@ describe('type', () => {
|
||||
name: 'signature',
|
||||
type: 'object',
|
||||
raw:
|
||||
'{ (x: string): void, prop1: string, prop2: string, prop3: string, prop4: string, prop5: string }',
|
||||
'{ (x: string): void, prop1: string, prop2: string, prop3: string, prop4: string, prop5: string, prop6: string, prop7: string, prop8: string }',
|
||||
signature: {
|
||||
properties: [
|
||||
{
|
||||
@ -136,6 +136,34 @@ describe('type', () => {
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'prop5',
|
||||
value: {
|
||||
name: 'string',
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'prop6',
|
||||
value: {
|
||||
name: 'string',
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'prop7',
|
||||
value: {
|
||||
name: 'string',
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'prop8',
|
||||
value: {
|
||||
name: 'string',
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
constructor: {
|
||||
name: 'signature',
|
||||
@ -163,7 +191,7 @@ describe('type', () => {
|
||||
|
||||
expect(type.summary).toBe('object');
|
||||
expect(type.detail).toBe(
|
||||
'{ (x: string): void, prop1: string, prop2: string, prop3: string, prop4: string, prop5: string }'
|
||||
'{ (x: string): void, prop1: string, prop2: string, prop3: string, prop4: string, prop5: string, prop6: string, prop7: string, prop8: string }'
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { PropSummaryValue } from '@storybook/components';
|
||||
|
||||
export const MAX_TYPE_SUMMARY_LENGTH = 70;
|
||||
export const MAX_TYPE_SUMMARY_LENGTH = 90;
|
||||
export const MAX_DEFALUT_VALUE_SUMMARY_LENGTH = 50;
|
||||
|
||||
export function isTooLongForTypeSummary(value: string): boolean {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,11 +31,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.15",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7"
|
||||
|
||||
@ -8,8 +8,8 @@ addons.register('storybook/google-analytics', api => {
|
||||
ReactGA.initialize(window.STORYBOOK_GA_ID, window.STORYBOOK_REACT_GA_OPTIONS);
|
||||
|
||||
api.on(STORY_CHANGED, () => {
|
||||
const { url } = api.getUrlState();
|
||||
ReactGA.pageview(url);
|
||||
const { path } = api.getUrlState();
|
||||
ReactGA.pageview(path);
|
||||
});
|
||||
api.on(STORY_ERRORED, ({ description }: { description: string }) => {
|
||||
ReactGA.exception({
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,8 +29,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"graphiql": "^0.16.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,10 +28,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"marksy": "^7.0.0",
|
||||
|
||||
@ -2627,6 +2627,11 @@ exports[`addon Info should render component description if story kind matches co
|
||||
>
|
||||
<l
|
||||
className="emotion-2"
|
||||
scrollableNodeProps={
|
||||
Object {
|
||||
"tabIndex": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="emotion-2"
|
||||
@ -2650,6 +2655,7 @@ exports[`addon Info should render component description if story kind matches co
|
||||
>
|
||||
<div
|
||||
className="simplebar-content-wrapper"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="simplebar-content"
|
||||
@ -4412,6 +4418,11 @@ exports[`addon Info should render component description if story kind matches co
|
||||
>
|
||||
<l
|
||||
className="emotion-2"
|
||||
scrollableNodeProps={
|
||||
Object {
|
||||
"tabIndex": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="emotion-2"
|
||||
@ -4435,6 +4446,7 @@ exports[`addon Info should render component description if story kind matches co
|
||||
>
|
||||
<div
|
||||
className="simplebar-content-wrapper"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="simplebar-content"
|
||||
@ -7416,6 +7428,11 @@ exports[`addon Info should render component description if story name matches co
|
||||
>
|
||||
<l
|
||||
className="emotion-2"
|
||||
scrollableNodeProps={
|
||||
Object {
|
||||
"tabIndex": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="emotion-2"
|
||||
@ -7439,6 +7456,7 @@ exports[`addon Info should render component description if story name matches co
|
||||
>
|
||||
<div
|
||||
className="simplebar-content-wrapper"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="simplebar-content"
|
||||
@ -9429,6 +9447,11 @@ exports[`addon Info should render component description if story name matches co
|
||||
>
|
||||
<l
|
||||
className="emotion-2"
|
||||
scrollableNodeProps={
|
||||
Object {
|
||||
"tabIndex": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="emotion-2"
|
||||
@ -9452,6 +9475,7 @@ exports[`addon Info should render component description if story name matches co
|
||||
>
|
||||
<div
|
||||
className="simplebar-content-wrapper"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div
|
||||
className="simplebar-content"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,11 +35,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,10 +29,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/router": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/router": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,13 +30,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/router": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/router": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"markdown-to-jsx": "^6.10.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-actions",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Action Logger addon for react-native storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,13 +26,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^2.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.3.0-beta.11"
|
||||
"@storybook/addon-actions": "5.3.0-beta.13"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-actions": "*",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-backgrounds",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A react-native storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,9 +31,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"prop-types": "^15.7.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-knobs",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Display storybook story knobs on your deviced.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,8 +28,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/native": "^10.0.14",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"deep-equal": "^1.0.1",
|
||||
"prop-types": "^15.7.2",
|
||||
@ -39,7 +39,7 @@
|
||||
"react-native-switch": "^1.5.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-knobs": "5.2.0-beta.1",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"react": "*",
|
||||
"react-native": "*"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-notes",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Write notes for your react-native Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,11 +28,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-native-simple-markdown": "^1.1.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,7 +29,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,12 +30,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
# StoryShots
|
||||
|
||||
- [addon-storyshots](storyshots-core) - Basic StoryShots api
|
||||
- [addon-storyshots-puppeteer](storyshots-puppeteer) - Image Snapshots addition to StoryShots based on [puppeteer](https://github.com/GoogleChrome/puppeteer)
|
||||
- [addon-storyshots-puppeteer](storyshots-puppeteer) - Integration of StoryShots with [puppeteer](https://github.com/GoogleChrome/puppeteer)
|
||||
|
||||
@ -653,13 +653,15 @@ This is a class that generates snapshot's name based on the story (kind, story &
|
||||
Let's say we wanted to create a test function for shallow && multi-file snapshots:
|
||||
|
||||
```js
|
||||
import initStoryshots, { getSnapshotFileName } from '@storybook/addon-storyshots';
|
||||
import initStoryshots, { Stories2SnapsConverter } from '@storybook/addon-storyshots';
|
||||
import { shallow } from 'enzyme';
|
||||
import toJson from 'enzyme-to-json';
|
||||
|
||||
const converter = new Stories2SnapsConverter();
|
||||
|
||||
initStoryshots({
|
||||
test: ({ story, context }) => {
|
||||
const snapshotFileName = getSnapshotFileName(context);
|
||||
const snapshotFileName = converter.getSnapshotFileName(context);
|
||||
const storyElement = story.render();
|
||||
const shallowTree = shallow(storyElement);
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -33,9 +33,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^24.9.0",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/glob": "^7.1.1",
|
||||
"@types/jest": "^24.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -49,8 +49,8 @@
|
||||
"ts-dedent": "^1.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"babel-loader": "^8.0.6",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
"jest-emotion": "^10.0.17",
|
||||
|
||||
@ -1,27 +1,227 @@
|
||||
# StoryShots + [Puppeteer](https://github.com/GoogleChrome/puppeteer)
|
||||
|
||||
## Getting Started
|
||||
|
||||
Add the following module into your app.
|
||||
Add the following modules into your app.
|
||||
|
||||
```sh
|
||||
npm install @storybook/addon-storyshots-puppeteer --save-dev
|
||||
npm install @storybook/addon-storyshots-puppeteer puppeteer --save-dev
|
||||
```
|
||||
|
||||
## Configure Storyshots for image snapshots
|
||||
## Configure Storyshots for Puppeteeer tests
|
||||
|
||||
/\*\ **React-native** is **not supported** by this test function.
|
||||
|
||||
Internally, it uses [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot).
|
||||
|
||||
When willing to generate and compare image snapshots for your stories, you have two options:
|
||||
When willing to run Puppeteer tests for your stories, you have two options:
|
||||
|
||||
- Have a storybook running (ie. accessible via http(s), for instance using `npm run storybook`)
|
||||
- Have a static build of the storybook (for instance, using `npm run build-storybook`)
|
||||
|
||||
Then you will need to reference the storybook URL (`file://...` if local, `http(s)://...` if served)
|
||||
|
||||
### Using default values for _imageSnapshots_
|
||||
## _puppeteerTest_
|
||||
Allows to define arbitrary Puppeteer tests as `story.parameters.puppeteerTest` function.
|
||||
|
||||
Then you can either create a new Storyshots instance or edit the one you previously used:
|
||||
You can either create a new Storyshots instance or edit the one you previously used:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
initStoryshots({ suite: 'Puppeteer storyshots', test: puppeteerTest() });
|
||||
```
|
||||
|
||||
Then, in your stories:
|
||||
```js
|
||||
export const myExample = () => {
|
||||
...
|
||||
};
|
||||
myExample.story = {
|
||||
parameters: {
|
||||
async puppeteerTest(page) {
|
||||
const element = await page.$('<some-selector>');
|
||||
await element.click();
|
||||
expect(something).toBe(something);
|
||||
},
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
This will assume you have a storybook running on at _<http://localhost:6006>_.
|
||||
Internally here are the steps:
|
||||
|
||||
- Launches a Chrome headless using [puppeteer](https://github.com/GoogleChrome/puppeteer)
|
||||
- Browses each stories (calling _<http://localhost:6006/iframe.html?...>_ URL),
|
||||
- Runs the `parameters.puppeteerTest` function if it's defined.
|
||||
|
||||
### Specifying the storybook URL
|
||||
|
||||
If you want to set specific storybook URL, you can specify via the `storybookUrl` parameter, see below:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({ storybookUrl: 'http://my-specific-domain.com:9010' }),
|
||||
});
|
||||
```
|
||||
|
||||
The above config will use _<https://my-specific-domain.com:9010>_ for tests. You can also use query parameters in your URL (e.g. for setting a different background for your storyshots, if you use `@storybook/addon-backgrounds`).
|
||||
|
||||
You may also use a local static build of storybook if you do not want to run the webpack dev-server:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({ storybookUrl: 'file:///path/to/my/storybook-static' }),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying options to _goto()_ (Puppeteer API)
|
||||
|
||||
You might use `getGotoOptions` to specify options when the storybook is navigating to a story (using the `goto` method). Will be passed to [Puppeteer .goto() fn](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagegotourl-options)
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
const getGotoOptions = ({ context, url }) => {
|
||||
return {
|
||||
waitUntil: 'networkidle0',
|
||||
};
|
||||
};
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({ storybookUrl: 'http://localhost:6006', getGotoOptions }),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying custom Chrome executable path (Puppeteer API)
|
||||
|
||||
You might use `chromeExecutablePath` to specify the path to a different version of Chrome, without downloading Chromium. Will be passed to [Runs a bundled version of Chromium](https://github.com/GoogleChrome/puppeteer#default-runtime-settings)
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
const chromeExecutablePath = '/usr/local/bin/chrome';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({ storybookUrl: 'http://localhost:6006', chromeExecutablePath }),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying a custom Puppeteer `browser` instance
|
||||
|
||||
You might use the async `getCustomBrowser` function to obtain a custom instance of a Puppeteer `browser` object. This will prevent `storyshots-puppeteer` from creating its own `browser`. It will create and close pages within the `browser`, and it is your responsibility to manage the lifecycle of the `browser` itself.
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
import puppeteer from 'puppeteer';
|
||||
|
||||
(async function() {
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
getCustomBrowser: () => puppeteer.connect({ browserWSEndpoint: 'ws://yourUrl' }),
|
||||
}),
|
||||
});
|
||||
})();
|
||||
```
|
||||
|
||||
### Customizing a `page` instance
|
||||
|
||||
Sometimes, there is a need to customize a page before it calls the `goto` api.
|
||||
|
||||
An example of device emulation:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
const devices = require('puppeteer/DeviceDescriptors');
|
||||
|
||||
const iPhone = devices['iPhone 6'];
|
||||
|
||||
function customizePage(page) {
|
||||
return page.emulate(iPhone);
|
||||
}
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
customizePage,
|
||||
}),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying setup and tests timeout
|
||||
|
||||
By default, `@storybook/addon-storyshots-puppeteer` uses 15 second timeouts for browser setup and test functions.
|
||||
Those can be customized with `setupTimeout` and `testTimeout` parameters.
|
||||
|
||||
### Integrate Puppeteer storyshots with regular app
|
||||
|
||||
You may want to use another Jest project to run your Puppeteer storyshots as they require more resources: Chrome and Storybook built/served.
|
||||
You can find a working example of this in the [official-storybook](https://github.com/storybookjs/storybook/tree/master/examples/official-storybook) example.
|
||||
|
||||
### Integrate Puppeteer storyshots with [Create React App](https://github.com/facebookincubator/create-react-app)
|
||||
|
||||
You have two options here, you can either:
|
||||
|
||||
- Add the storyshots configuration inside any of your `test.js` file. You must ensure you have either a running storybook or a static build available.
|
||||
|
||||
- Create a custom test file using Jest outside of the CRA scope:
|
||||
|
||||
A more robust approach would be to separate existing test files ran by create-react-app (anything `(test|spec).js` suffixed files) from the test files to run Puppeteer storyshots.
|
||||
This use case can be achieved by using a custom name for the test file, ie something like `puppeteer-storyshots.runner.js`. This file will contain the `initStoryshots` call with Puppeteer storyshots configuration.
|
||||
Then you will create a separate script entry in your package.json, for instance
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"puppeteer-storyshots": "jest puppeteer-storyshots.runner.js --config path/to/custom/jest.config.json"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Note that you will certainly need a custom config file for Jest as you run it outside of the CRA scope and thus you do not have the built-in config.
|
||||
|
||||
Once that's setup, you can run `npm run puppeteer-storyshots`.
|
||||
|
||||
### Reminder
|
||||
|
||||
Puppeteer launches a web browser (Chrome) internally.
|
||||
|
||||
The browser opens a page (either using the static build of storybook or a running instance of Storybook)
|
||||
|
||||
If you run your test without either the static build or a running instance, this wont work.
|
||||
|
||||
To make sure your tests run against the latest changes of your Storybook, you must keep your static build or running Storybook up-to-date.
|
||||
This can be achieved by adding a step before running the test ie: `npm run build-storybook && npm run image-snapshots`.
|
||||
If you run the Puppeteer storyshots against a running Storybook in dev mode, you don't have to worry about the stories being up-to-date because the dev-server is watching changes and rebuilds automatically.
|
||||
|
||||
## _axeTest_
|
||||
Runs [Axe](https://www.deque.com/axe/) accessibility checks and verifies that they pass using [jest-puppeteer-axe](https://github.com/WordPress/gutenberg/tree/master/packages/jest-puppeteer-axe).
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { axeTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
axeTest({ suite: 'A11y checks', test: axeTest() });
|
||||
```
|
||||
|
||||
For configuration, it uses the same `story.parameters.a11y` parameter as [`@storybook/addon-a11y`](https://github.com/storybookjs/storybook/tree/next/addons/a11y#parameters)
|
||||
|
||||
## _imageSnapshots_
|
||||
Generates and compares screenshots of your stories using [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot).
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
@ -30,40 +230,7 @@ import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
initStoryshots({ suite: 'Image storyshots', test: imageSnapshot() });
|
||||
```
|
||||
|
||||
This will assume you have a storybook running on at _<http://localhost:6006>_.
|
||||
Internally here are the steps:
|
||||
|
||||
- Launches a Chrome headless using [puppeteer](https://github.com/GoogleChrome/puppeteer)
|
||||
- Browses each stories (calling _<http://localhost:6006/iframe.html?...>_ URL),
|
||||
- Take screenshots & save all images under \_\_image_snapshots\_\_ folder.
|
||||
|
||||
### Specifying the storybook URL
|
||||
|
||||
If you want to set specific storybook URL, you can specify via the `storybookUrl` parameter, see below:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({ storybookUrl: 'http://my-specific-domain.com:9010' }),
|
||||
});
|
||||
```
|
||||
|
||||
The above config will use _<https://my-specific-domain.com:9010>_ for screenshots. You can also use query parameters in your URL (e.g. for setting a different background for your storyshots, if you use `@storybook/addon-backgrounds`).
|
||||
|
||||
You may also use a local static build of storybook if you do not want to run the webpack dev-server:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({ storybookUrl: 'file:///path/to/my/storybook-static' }),
|
||||
});
|
||||
```
|
||||
It saves all images under \_\_image_snapshots\_\_ folder.
|
||||
|
||||
### Specifying options to _jest-image-snapshots_
|
||||
|
||||
@ -104,25 +271,7 @@ initStoryshots({
|
||||
|
||||
`afterScreenshot` receives the created image from puppeteer.
|
||||
|
||||
### Specifying options to _goto()_ (puppeteer API)
|
||||
|
||||
You might use `getGotoOptions` to specify options when the storybook is navigating to a story (using the `goto` method). Will be passed to [Puppeteer .goto() fn](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagegotourl-options)
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
const getGotoOptions = ({ context, url }) => {
|
||||
return {
|
||||
waitUntil: 'networkidle0',
|
||||
};
|
||||
};
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({ storybookUrl: 'http://localhost:6006', getGotoOptions }),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying options to _screenshot()_ (puppeteer API)
|
||||
### Specifying options to _screenshot()_ (Puppeteer API)
|
||||
|
||||
You might use `getScreenshotOptions` to specify options for screenshot. Will be passed to [Puppeteer .screenshot() fn](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagescreenshotoptions)
|
||||
|
||||
@ -142,111 +291,3 @@ initStoryshots({
|
||||
```
|
||||
|
||||
`getScreenshotOptions` receives an object `{ context: {kind, story}, url}`. _kind_ is the kind of the story and the _story_ its name. _url_ is the URL the browser will use to screenshot.
|
||||
|
||||
### Specifying custom Chrome executable path (puppeteer API)
|
||||
|
||||
You might use `chromeExecutablePath` to specify the path to a different version of Chrome, without downloading Chromium. Will be passed to [Runs a bundled version of Chromium](https://github.com/GoogleChrome/puppeteer#default-runtime-settings)
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
const chromeExecutablePath = '/usr/local/bin/chrome';
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({ storybookUrl: 'http://localhost:6006', chromeExecutablePath }),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying a custom puppeteer `browser` instance
|
||||
|
||||
You might use the async `getCustomBrowser` function to obtain a custom instance of a puppeteer `browser` object. This will prevent `storyshots-puppeteer` from creating its own `browser`. It will create and close pages within the `browser`, and it is your responsibility to manage the lifecycle of the `browser` itself.
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
import puppeteer from 'puppeteer';
|
||||
|
||||
(async function() {
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
getCustomBrowser: async () => puppeteer.connect({ browserWSEndpoint: 'ws://yourUrl' }),
|
||||
}),
|
||||
});
|
||||
})();
|
||||
```
|
||||
|
||||
### Customizing a `page` instance
|
||||
|
||||
Sometimes, there is a need to customize a page before it calls the `goto` api.
|
||||
|
||||
An example of device emulation:
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
const devices = require('puppeteer/DeviceDescriptors');
|
||||
|
||||
const iPhone = devices['iPhone 6'];
|
||||
|
||||
function customizePage(page) {
|
||||
return page.emulate(iPhone);
|
||||
}
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Image storyshots',
|
||||
test: imageSnapshot({
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
customizePage,
|
||||
}),
|
||||
});
|
||||
```
|
||||
|
||||
### Specifying setup and tests timeout
|
||||
|
||||
By default, `@storybook/addon-storyshots-puppeteer` uses 15 second timeouts for browser setup and test functions.
|
||||
Those can be customized with `setupTimeout` and `testTimeout` parameters.
|
||||
|
||||
### Integrate image storyshots with regular app
|
||||
|
||||
You may want to use another Jest project to run your image snapshots as they require more resources: Chrome and Storybook built/served.
|
||||
You can find a working example of this in the [official-storybook](https://github.com/storybookjs/storybook/tree/master/examples/official-storybook) example.
|
||||
|
||||
### Integrate image storyshots with [Create React App](https://github.com/facebookincubator/create-react-app)
|
||||
|
||||
You have two options here, you can either:
|
||||
|
||||
- Add the storyshots configuration inside any of your `test.js` file. You must ensure you have either a running storybook or a static build available.
|
||||
|
||||
- Create a custom test file using Jest outside of the CRA scope:
|
||||
|
||||
A more robust approach would be to separate existing test files ran by create-react-app (anything `(test|spec).js` suffixed files) from the test files to run storyshots with image snapshots.
|
||||
This use case can be achieved by using a custom name for the test file, ie something like `image-storyshots.runner.js`. This file will contains the `initStoryshots` call with image snapshots configuration.
|
||||
Then you will create a separate script entry in your package.json, for instance
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"image-snapshots": "jest image-storyshots.runner.js --config path/to/custom/jest.config.json"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Note that you will certainly need a custom config file for Jest as you run it outside of the CRA scope and thus you do not have the built-in config.
|
||||
|
||||
Once that's setup, you can run `npm run image-snapshots`.
|
||||
|
||||
### Reminder
|
||||
|
||||
An image snapshot is a screenshot taken by a web browser (in our case, Chrome).
|
||||
|
||||
The browser opens a page (either using the static build of storybook or a running instance of Storybook)
|
||||
|
||||
If you run your test without either the static build or a running instance, this wont work.
|
||||
|
||||
To make sure your screenshots are taken from latest changes of your Storybook, you must keep your static build or running Storybook up-to-date.
|
||||
This can be achieved by adding a step before running the test ie: `npm run build-storybook && npm run image-snapshots`.
|
||||
If you run the image snapshots against a running Storybook in dev mode, you don't have to worry about the snapshots being up-to-date because the dev-server is watching changes and rebuilds automatically.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,8 +29,9 @@
|
||||
"prepare": "node ../../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/node-logger": "5.3.0-beta.11",
|
||||
"@storybook/router": "5.3.0-beta.11",
|
||||
"@hypnosphi/jest-puppeteer-axe": "^1.4.0",
|
||||
"@storybook/node-logger": "5.3.0-beta.13",
|
||||
"@storybook/router": "5.3.0-beta.13",
|
||||
"@types/jest-image-snapshot": "^2.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"jest-image-snapshot": "^2.8.2",
|
||||
@ -40,7 +41,7 @@
|
||||
"@types/puppeteer": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.7",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"puppeteer": "^1.12.2 || ^2.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -1,21 +0,0 @@
|
||||
import { MatchImageSnapshotOptions } from 'jest-image-snapshot';
|
||||
import { Base64ScreenShotOptions, Browser, DirectNavigationOptions, Page } from 'puppeteer';
|
||||
|
||||
export interface Context {
|
||||
kind: string;
|
||||
story: string;
|
||||
}
|
||||
|
||||
export interface ImageSnapshotConfig {
|
||||
storybookUrl: string;
|
||||
chromeExecutablePath: string;
|
||||
getMatchOptions: (options: { context: Context; url: string }) => MatchImageSnapshotOptions;
|
||||
getScreenshotOptions: (options: { context: Context; url: string }) => Base64ScreenShotOptions;
|
||||
afterScreenshot: (options: { image: string; context: Context }) => void;
|
||||
beforeScreenshot: (page: Page, options: { context: Context; url: string }) => void;
|
||||
getGotoOptions: (options: { context: Context; url: string }) => DirectNavigationOptions;
|
||||
customizePage: (page: Page) => Promise<void>;
|
||||
getCustomBrowser: () => Promise<Browser>;
|
||||
setupTimeout: number;
|
||||
testTimeout: number;
|
||||
}
|
||||
23
addons/storyshots/storyshots-puppeteer/src/axeTest.ts
Normal file
23
addons/storyshots/storyshots-puppeteer/src/axeTest.ts
Normal file
@ -0,0 +1,23 @@
|
||||
import '@hypnosphi/jest-puppeteer-axe';
|
||||
import { defaultCommonConfig, CommonConfig } from './config';
|
||||
import { puppeteerTest } from './puppeteerTest';
|
||||
|
||||
declare global {
|
||||
// eslint-disable-next-line @typescript-eslint/no-namespace,no-redeclare
|
||||
namespace jest {
|
||||
interface Matchers<R, T> {
|
||||
toPassAxeTests(parameters: any): R;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const axeTest = (customConfig: Partial<CommonConfig> = {}) =>
|
||||
puppeteerTest({
|
||||
...defaultCommonConfig,
|
||||
...customConfig,
|
||||
async testBody(page, options) {
|
||||
const parameters = options.context.parameters.a11y;
|
||||
const include = parameters?.element ?? '#root';
|
||||
await expect(page).toPassAxeTests({ ...parameters, include });
|
||||
},
|
||||
});
|
||||
78
addons/storyshots/storyshots-puppeteer/src/config.ts
Normal file
78
addons/storyshots/storyshots-puppeteer/src/config.ts
Normal file
@ -0,0 +1,78 @@
|
||||
import { MatchImageSnapshotOptions } from 'jest-image-snapshot';
|
||||
import { Base64ScreenShotOptions, Browser, DirectNavigationOptions, Page } from 'puppeteer';
|
||||
|
||||
export interface Context {
|
||||
kind: string;
|
||||
story: string;
|
||||
parameters: {
|
||||
[key: string]: any;
|
||||
};
|
||||
}
|
||||
|
||||
interface Options {
|
||||
context: Context;
|
||||
url: string;
|
||||
}
|
||||
|
||||
export interface CommonConfig {
|
||||
storybookUrl: string;
|
||||
chromeExecutablePath: string;
|
||||
getGotoOptions: (options: Options) => DirectNavigationOptions;
|
||||
customizePage: (page: Page) => Promise<void>;
|
||||
getCustomBrowser: () => Promise<Browser>;
|
||||
setupTimeout: number;
|
||||
testTimeout: number;
|
||||
}
|
||||
|
||||
export interface PuppeteerTestConfig extends CommonConfig {
|
||||
testBody: ((page: Page, options: Options) => void | Promise<void>) & {
|
||||
filter?: (options: Options) => boolean;
|
||||
};
|
||||
}
|
||||
|
||||
export interface ImageSnapshotConfig extends CommonConfig {
|
||||
getMatchOptions: (options: Options) => MatchImageSnapshotOptions;
|
||||
getScreenshotOptions: (options: Options) => Base64ScreenShotOptions;
|
||||
beforeScreenshot: (page: Page, options: Options) => void;
|
||||
afterScreenshot: (options: { image: string; context: Context }) => void;
|
||||
}
|
||||
|
||||
const noop: () => undefined = () => undefined;
|
||||
const asyncNoop: () => Promise<undefined> = async () => undefined;
|
||||
|
||||
export const defaultCommonConfig: CommonConfig = {
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
chromeExecutablePath: undefined,
|
||||
getGotoOptions: noop,
|
||||
customizePage: asyncNoop,
|
||||
getCustomBrowser: undefined,
|
||||
setupTimeout: 15000,
|
||||
testTimeout: 15000,
|
||||
};
|
||||
|
||||
const getTestBody = (options: Options) => options.context.parameters.puppeteerTest;
|
||||
|
||||
function defaultTestBody(page: Page, options: Options) {
|
||||
const testBody = getTestBody(options);
|
||||
if (testBody != null) {
|
||||
return testBody(page, options);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
defaultTestBody.filter = (options: Options) => getTestBody(options) != null;
|
||||
|
||||
export const defaultPuppeteerTestConfig: PuppeteerTestConfig = {
|
||||
...defaultCommonConfig,
|
||||
testBody: defaultTestBody,
|
||||
};
|
||||
|
||||
// We consider taking the full page is a reasonable default.
|
||||
const defaultScreenshotOptions = () => ({ fullPage: true, encoding: 'base64' } as const);
|
||||
export const defaultImageSnapshotConfig: ImageSnapshotConfig = {
|
||||
...defaultCommonConfig,
|
||||
getMatchOptions: noop,
|
||||
getScreenshotOptions: defaultScreenshotOptions,
|
||||
beforeScreenshot: noop,
|
||||
afterScreenshot: noop,
|
||||
};
|
||||
@ -1,114 +1,21 @@
|
||||
import { Browser, Page } from 'puppeteer';
|
||||
import { toMatchImageSnapshot } from 'jest-image-snapshot';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { constructUrl } from './url';
|
||||
import { ImageSnapshotConfig } from './ImageSnapshotConfig';
|
||||
import { defaultImageSnapshotConfig, ImageSnapshotConfig } from './config';
|
||||
import { puppeteerTest } from './puppeteerTest';
|
||||
|
||||
expect.extend({ toMatchImageSnapshot });
|
||||
|
||||
// We consider taking the full page is a reasonable default.
|
||||
const defaultScreenshotOptions = () => ({ fullPage: true, encoding: 'base64' } as const);
|
||||
|
||||
const noop: () => undefined = () => undefined;
|
||||
const asyncNoop: () => Promise<undefined> = async () => undefined;
|
||||
|
||||
const defaultConfig: ImageSnapshotConfig = {
|
||||
storybookUrl: 'http://localhost:6006',
|
||||
chromeExecutablePath: undefined,
|
||||
getMatchOptions: noop,
|
||||
getScreenshotOptions: defaultScreenshotOptions,
|
||||
beforeScreenshot: noop,
|
||||
afterScreenshot: noop,
|
||||
getGotoOptions: noop,
|
||||
customizePage: asyncNoop,
|
||||
getCustomBrowser: undefined,
|
||||
setupTimeout: 15000,
|
||||
testTimeout: 15000,
|
||||
};
|
||||
|
||||
export const imageSnapshot = (customConfig: Partial<ImageSnapshotConfig> = {}) => {
|
||||
const {
|
||||
storybookUrl,
|
||||
chromeExecutablePath,
|
||||
getMatchOptions,
|
||||
getScreenshotOptions,
|
||||
beforeScreenshot,
|
||||
afterScreenshot,
|
||||
getGotoOptions,
|
||||
customizePage,
|
||||
getCustomBrowser,
|
||||
setupTimeout,
|
||||
testTimeout,
|
||||
} = { ...defaultConfig, ...customConfig };
|
||||
const config = { ...defaultImageSnapshotConfig, ...customConfig };
|
||||
const { getMatchOptions, getScreenshotOptions, beforeScreenshot, afterScreenshot } = config;
|
||||
|
||||
let browser: Browser; // holds ref to browser. (ie. Chrome)
|
||||
let page: Page; // Hold ref to the page to screenshot.
|
||||
|
||||
const testFn = async ({ context }: any) => {
|
||||
const { kind, framework, name } = context;
|
||||
if (framework === 'react-native') {
|
||||
// Skip tests since we de not support RN image snapshots.
|
||||
logger.error(
|
||||
"It seems you are running imageSnapshot on RN app and it's not supported. Skipping test."
|
||||
);
|
||||
|
||||
return;
|
||||
}
|
||||
const url = constructUrl(storybookUrl, kind, name);
|
||||
|
||||
if (!browser || !page) {
|
||||
logger.error(
|
||||
`Error when generating image snapshot for test ${kind} - ${name} : It seems the headless browser is not running.`
|
||||
);
|
||||
|
||||
throw new Error('no-headless-browser-running');
|
||||
}
|
||||
|
||||
expect.assertions(1);
|
||||
|
||||
let image;
|
||||
try {
|
||||
await customizePage(page);
|
||||
await page.goto(url, getGotoOptions({ context, url }));
|
||||
await beforeScreenshot(page, { context, url });
|
||||
image = await page.screenshot(getScreenshotOptions({ context, url }));
|
||||
await afterScreenshot({ image, context });
|
||||
} catch (e) {
|
||||
logger.error(
|
||||
`Error when connecting to ${url}, did you start or build the storybook first? A storybook instance should be running or a static version should be built when using image snapshot feature.`
|
||||
);
|
||||
throw e;
|
||||
}
|
||||
|
||||
expect(image).toMatchImageSnapshot(getMatchOptions({ context, url }));
|
||||
};
|
||||
testFn.timeout = testTimeout;
|
||||
|
||||
testFn.afterAll = async () => {
|
||||
if (getCustomBrowser && page) {
|
||||
await page.close();
|
||||
} else if (browser) {
|
||||
await browser.close();
|
||||
}
|
||||
};
|
||||
|
||||
const beforeAll = async () => {
|
||||
if (getCustomBrowser) {
|
||||
browser = await getCustomBrowser();
|
||||
} else {
|
||||
// eslint-disable-next-line global-require
|
||||
const puppeteer = require('puppeteer');
|
||||
// add some options "no-sandbox" to make it work properly on some Linux systems as proposed here: https://github.com/Googlechrome/puppeteer/issues/290#issuecomment-322851507
|
||||
browser = await puppeteer.launch({
|
||||
args: ['--no-sandbox ', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],
|
||||
executablePath: chromeExecutablePath,
|
||||
});
|
||||
}
|
||||
|
||||
page = await browser.newPage();
|
||||
};
|
||||
beforeAll.timeout = setupTimeout;
|
||||
testFn.beforeAll = beforeAll;
|
||||
|
||||
return testFn;
|
||||
return puppeteerTest({
|
||||
...config,
|
||||
async testBody(page, options) {
|
||||
expect.assertions(1);
|
||||
await beforeScreenshot(page, options);
|
||||
const image = await page.screenshot(getScreenshotOptions(options));
|
||||
await afterScreenshot({ image, context: options.context });
|
||||
expect(image).toMatchImageSnapshot(getMatchOptions(options));
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
@ -1,2 +1,4 @@
|
||||
export * from './ImageSnapshotConfig';
|
||||
export * from './config';
|
||||
export * from './puppeteerTest';
|
||||
export * from './axeTest';
|
||||
export * from './imageSnapshot';
|
||||
|
||||
92
addons/storyshots/storyshots-puppeteer/src/puppeteerTest.ts
Normal file
92
addons/storyshots/storyshots-puppeteer/src/puppeteerTest.ts
Normal file
@ -0,0 +1,92 @@
|
||||
import { Browser, Page } from 'puppeteer';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { constructUrl } from './url';
|
||||
import { defaultPuppeteerTestConfig, PuppeteerTestConfig } from './config';
|
||||
|
||||
export const puppeteerTest = (customConfig: Partial<PuppeteerTestConfig> = {}) => {
|
||||
const {
|
||||
storybookUrl,
|
||||
chromeExecutablePath,
|
||||
getGotoOptions,
|
||||
customizePage,
|
||||
getCustomBrowser,
|
||||
testBody,
|
||||
setupTimeout,
|
||||
testTimeout,
|
||||
} = { ...defaultPuppeteerTestConfig, ...customConfig };
|
||||
|
||||
let browser: Browser; // holds ref to browser. (ie. Chrome)
|
||||
let page: Page; // Hold ref to the page to screenshot.
|
||||
|
||||
const testFn = async ({ context }: any) => {
|
||||
const { kind, framework, name } = context;
|
||||
if (framework === 'react-native') {
|
||||
// Skip tests since RN is not a browser environment.
|
||||
logger.error(
|
||||
"It seems you are running puppeteer test on RN app and it's not supported. Skipping test."
|
||||
);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const url = constructUrl(storybookUrl, kind, name);
|
||||
const options = { context, url };
|
||||
if (testBody.filter != null && !testBody.filter(options)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!browser || !page) {
|
||||
logger.error(
|
||||
`Error when running puppeteer test for ${kind} - ${name} : It seems the headless browser is not running.`
|
||||
);
|
||||
|
||||
throw new Error('no-headless-browser-running');
|
||||
}
|
||||
|
||||
try {
|
||||
await customizePage(page);
|
||||
await page.goto(url, getGotoOptions(options));
|
||||
} catch (e) {
|
||||
logger.error(
|
||||
`Error when connecting to ${url}, did you start or build the storybook first? A storybook instance should be running or a static version should be built when using puppeteer test feature.`
|
||||
);
|
||||
throw e;
|
||||
}
|
||||
await testBody(page, options);
|
||||
};
|
||||
testFn.timeout = testTimeout;
|
||||
|
||||
const cleanup = async () => {
|
||||
if (getCustomBrowser && page) {
|
||||
await page.close();
|
||||
} else if (browser) {
|
||||
await browser.close();
|
||||
}
|
||||
};
|
||||
|
||||
process.on('SIGINT', async () => {
|
||||
await cleanup();
|
||||
process.exit();
|
||||
});
|
||||
testFn.afterAll = cleanup;
|
||||
|
||||
const beforeAll = async () => {
|
||||
if (getCustomBrowser) {
|
||||
browser = await getCustomBrowser();
|
||||
} else {
|
||||
// eslint-disable-next-line global-require
|
||||
const puppeteer = require('puppeteer');
|
||||
// add some options "no-sandbox" to make it work properly on some Linux systems as proposed here: https://github.com/Googlechrome/puppeteer/issues/290#issuecomment-322851507
|
||||
browser = await puppeteer.launch({
|
||||
args: ['--no-sandbox ', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],
|
||||
executablePath: chromeExecutablePath,
|
||||
});
|
||||
}
|
||||
|
||||
page = await browser.newPage();
|
||||
};
|
||||
beforeAll.timeout = setupTimeout;
|
||||
testFn.beforeAll = beforeAll;
|
||||
|
||||
return testFn;
|
||||
};
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,11 +28,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/router": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/router": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^1.2.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,9 +33,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/node-logger": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@storybook/node-logger": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"fork-ts-checker-webpack-plugin": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -31,7 +31,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.5.0",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,8 +33,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/webpack-env": "^1.13.9",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,8 +33,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^2.0.0",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,8 +35,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.6.2",
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/mithril": "^2.0.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/polymer",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -32,7 +32,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/webpack-env": "^1.13.9",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -33,7 +33,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.0.1",
|
||||
"driver-dom": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native-server",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -31,12 +31,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/channel-websocket": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/ui": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/channel-websocket": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/ui": "5.3.0-beta.13",
|
||||
"commander": "^4.0.1",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -31,11 +31,11 @@
|
||||
"dependencies": {
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@emotion/native": "^10.0.14",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/channel-websocket": "5.3.0-beta.11",
|
||||
"@storybook/channels": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/channel-websocket": "5.3.0-beta.13",
|
||||
"@storybook/channels": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"emotion-theming": "^10.0.19",
|
||||
"react-native-swipe-gestures": "^1.0.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,9 +36,9 @@
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/node-logger": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@storybook/node-logger": "5.3.0-beta.13",
|
||||
"@svgr/webpack": "^4.0.3",
|
||||
"@types/webpack-env": "^1.13.7",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,7 +33,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"raw-loader": "^3.1.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,8 +33,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -33,8 +33,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/webpack-env": "^1.13.9",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -37,8 +37,8 @@
|
||||
"dependencies": {
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@types/webpack-env": "^1.13.9",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,8 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,7 +24,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"react": "^16.8.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/api": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/api": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -201,6 +201,15 @@ import { addDecorator } from '@storybook/react';
|
||||
addDecorator(storyFn => <div style={{ textAlign: 'center' }}>{storyFn()}</div>);
|
||||
```
|
||||
|
||||
> \* In Vue projects you have to use the special component `<story/>` instead of the function parameter `storyFn` that is used in React projects, even if you are using JSX, for example:
|
||||
> ```jsx
|
||||
> var decoratorVueJsx = () => ({ render() { return <div style={{ textAlign: 'center' }}><story/></div>} })
|
||||
> addDecorator(decoratorVueJsx)
|
||||
>
|
||||
> var decoratorVueTemplate = () => { return { template: `<div style="text-align:center"><story/></div>` }
|
||||
> addDecorator(decoratorVueTemplate)
|
||||
> ```
|
||||
|
||||
And here's an example of component/local decorators. The component decorator wraps all the stories in a yellow frame, and the story decorator wraps a single story in an additional red frame.
|
||||
|
||||
```jsx
|
||||
|
||||
@ -36,6 +36,15 @@ Make sure that you have `@babel/core`, and `babel-loader` in your dependencies a
|
||||
npm install babel-loader @babel/core --save-dev
|
||||
```
|
||||
|
||||
### svelte-loader
|
||||
|
||||
You'll also need to install `svelte-loader` if you haven't already.
|
||||
|
||||
```sh
|
||||
|
||||
npm install svelte-loader --save-dev
|
||||
```
|
||||
|
||||
## Step 2: Add a npm script
|
||||
|
||||
Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
|
||||
|
||||
@ -13,5 +13,6 @@ Storybook supports multiple UI libraries. The manual setup for each framework is
|
||||
- [Storybook for Marko](/guides/guide-marko/)
|
||||
- [Storybook for HTML](/guides/guide-html/)
|
||||
- [Storybook for Svelte](/guides/guide-svelte/)
|
||||
- [Storybook for Ember](/guides/guide-ember/)
|
||||
- [Storybook for Riot](/guides/guide-riot/)
|
||||
- [Storybook for Preact](/guides/guide-preact/)
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"5.3.0-beta.11","info":{"plain":"### Features\n\n* UI: Escape hatch CSS on for \"active\" tablist buttons ([#8989](https://github.com/storybookjs/storybook/pull/8989))\n* Addon-docs: Added dark theme option to source component ([#8732](https://github.com/storybookjs/storybook/pull/8732))\n* Triconfig: Configure UI options overhaul ([#8871](https://github.com/storybookjs/storybook/pull/8871))\n\n### Bug Fixes\n\n* Addon-docs: Fix vertical alignment of props expandable ([#8953](https://github.com/storybookjs/storybook/pull/8953))\n* Addon-links: Fix return type of linkTo and examples ([#8975](https://github.com/storybookjs/storybook/pull/8975))"}}
|
||||
{"version":"5.3.0-beta.13","info":{"plain":"### Bug Fixes\n\n* Addon-contexts: Fix 'cannot read property h of undefined' in preact ([#9001](https://github.com/storybookjs/storybook/pull/9001))\n\n### Maintenance\n\n* CLI: Code cleanup ([#9004](https://github.com/storybookjs/storybook/pull/9004))"}}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "crna-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"main": "node_modules/expo/AppEntry.js",
|
||||
"workspaces": {
|
||||
@ -31,15 +31,15 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.2.2",
|
||||
"@babel/plugin-transform-react-jsx-source": "^7.2.0",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-ondevice-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-ondevice-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-ondevice-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-ondevice-notes": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/react-native": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-ondevice-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-ondevice-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-ondevice-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-ondevice-notes": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/react-native": "5.3.0-beta.13",
|
||||
"babel-loader": "^8.0.4",
|
||||
"babel-plugin-module-resolver": "^3.2.0",
|
||||
"babel-preset-expo": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,21 +37,21 @@
|
||||
"@angular/cli": "^8.3.6",
|
||||
"@angular/compiler-cli": "^8.2.8",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/angular": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/angular": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^24.0.11",
|
||||
"@types/node": "^12.12.11",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,23 +18,23 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-events": "5.3.0-beta.11",
|
||||
"@storybook/addon-info": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-logger": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-events": "5.3.0-beta.13",
|
||||
"@storybook/addon-info": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-logger": "5.3.0-beta.13",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"react-scripts": "^3.0.1"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,11 +18,11 @@
|
||||
"react-scripts": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,15 +34,15 @@
|
||||
"typescript": "3.7.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-info": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-info": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/preset-create-react-app": "^1.3.1",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"@types/react": "^16.8.14",
|
||||
"@types/react-dom": "^16.8.2",
|
||||
|
||||
@ -129,6 +129,17 @@ PropTypesProps.propTypes = {
|
||||
* @returns {ComplexObject} - Returns a complex object.
|
||||
*/
|
||||
funcWithJsDoc: PropTypes.func,
|
||||
/**
|
||||
* @param {string} foo - A foo value.
|
||||
* @param {number} bar - A bar value.
|
||||
* @param {number} bar1 - A bar value.
|
||||
* @param {number} bar2 - A bar value.
|
||||
* @param {number} bar3 - A bar value.
|
||||
* @param {number} bar4 - A bar value.
|
||||
* @param {number} bar5 - A bar value.
|
||||
* @returns {ComplexObject} - Returns a complex object.
|
||||
*/
|
||||
semiLongFuncWithJsDoc: PropTypes.func,
|
||||
/**
|
||||
* @param {string} foo - A foo value.
|
||||
* @param {number} bar - A bar value.
|
||||
@ -138,6 +149,10 @@ PropTypesProps.propTypes = {
|
||||
* @param {number} bar4 - A bar value.
|
||||
* @param {number} bar5 - A bar value.
|
||||
* @param {number} bar6 - A bar value.
|
||||
* @param {number} bar7 - A bar value.
|
||||
* @param {number} bar8 - A bar value.
|
||||
* @param {number} bar9 - A bar value.
|
||||
* @param {number} bar10 - A bar value.
|
||||
* @returns {ComplexObject} - Returns a complex object.
|
||||
*/
|
||||
veryLongFuncWithJsDoc: PropTypes.func,
|
||||
@ -314,6 +329,16 @@ PropTypesProps.propTypes = {
|
||||
shapeShort: PropTypes.shape({
|
||||
foo: string,
|
||||
}),
|
||||
shapeLong: PropTypes.shape({
|
||||
foo: string,
|
||||
prop1: string,
|
||||
prop2: string,
|
||||
prop3: string,
|
||||
prop4: string,
|
||||
prop5: string,
|
||||
prop6: string,
|
||||
prop7: string,
|
||||
}),
|
||||
/**
|
||||
* propType for shape with nested arrayOf
|
||||
*
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -c ./",
|
||||
"storybook": "start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "5.3.0-beta.11",
|
||||
"@storybook/addon-parameter": "5.3.0-beta.11",
|
||||
"@storybook/addon-preview-wrapper": "5.3.0-beta.11",
|
||||
"@storybook/addon-roundtrip": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/node-logger": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addon-decorator": "5.3.0-beta.13",
|
||||
"@storybook/addon-parameter": "5.3.0-beta.13",
|
||||
"@storybook/addon-preview-wrapper": "5.3.0-beta.13",
|
||||
"@storybook/addon-roundtrip": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/node-logger": "5.3.0-beta.13",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^6.0.3",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build",
|
||||
@ -15,19 +15,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/ember": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/ember": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^6.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,26 +13,26 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-events": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/html": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-events": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/html": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,14 +23,14 @@
|
||||
"marko-starter": "^2.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/marko": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/marko": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"prettier": "^1.16.4",
|
||||
"webpack": "^4.33.0"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,20 +10,20 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/mithril": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/mithril": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"webpack": "^4.33.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,34 +0,0 @@
|
||||
/* This file is not suffixed by ".test.js" to not being run with all other test files.
|
||||
* This test needs the static build of the storybook to run.
|
||||
* `yarn run image-snapshots` generates the static build & uses the image snapshots behavior of storyshots.
|
||||
* */
|
||||
import path from 'path';
|
||||
import fs from 'fs';
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
|
||||
// Image snapshots
|
||||
// We do screenshots against the static build of the storybook.
|
||||
// For this test to be meaningful, you must build the static version of the storybook *before* running this test suite.
|
||||
const pathToStorybookStatic = path.join(__dirname, '../', 'storybook-static');
|
||||
|
||||
if (!fs.existsSync(pathToStorybookStatic)) {
|
||||
logger.error(
|
||||
'You are running image snapshots without having the static build of storybook. Please run "yarn run build-storybook" before running tests.'
|
||||
);
|
||||
} else {
|
||||
initStoryshots({
|
||||
suite: 'Image snapshots',
|
||||
storyKindRegex: /^Addons\/Storyshots/,
|
||||
framework: 'react',
|
||||
configPath: path.join(__dirname, '..'),
|
||||
test: imageSnapshot({
|
||||
storybookUrl: `file://${pathToStorybookStatic}`,
|
||||
getMatchOptions: () => ({
|
||||
failureThreshold: 0.02, // 2% threshold,
|
||||
failureThresholdType: 'percent',
|
||||
}),
|
||||
}),
|
||||
});
|
||||
}
|
||||
@ -1,47 +1,47 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
"debug": "cross-env NODE_OPTIONS=--inspect-brk STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll",
|
||||
"do-image-snapshots": "../../node_modules/.bin/jest --projects=./image-snapshots",
|
||||
"do-storyshots-puppeteer": "../../node_modules/.bin/jest --projects=./storyshots-puppeteer",
|
||||
"generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json",
|
||||
"graphql": "node ./graphql-server/index.js",
|
||||
"image-snapshots": "yarn run build-storybook && yarn run do-image-snapshots",
|
||||
"packtracker": "yarn storybook --smoke-test --quiet && cross-env PT_PROJECT_TOKEN=1af1d41b-d737-41d4-ac00-53c8f3913b53 packtracker-upload --stats=./node_modules/.cache/storybook/manager-stats.json",
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll",
|
||||
"storyshots-puppeteer": "yarn run build-storybook && yarn run do-storyshots-puppeteer"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.0.1",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.11",
|
||||
"@storybook/addon-cssresources": "5.3.0-beta.11",
|
||||
"@storybook/addon-design-assets": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-events": "5.3.0-beta.11",
|
||||
"@storybook/addon-graphql": "5.3.0-beta.11",
|
||||
"@storybook/addon-info": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-queryparams": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/components": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/node-logger": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.13",
|
||||
"@storybook/addon-cssresources": "5.3.0-beta.13",
|
||||
"@storybook/addon-design-assets": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-events": "5.3.0-beta.13",
|
||||
"@storybook/addon-graphql": "5.3.0-beta.13",
|
||||
"@storybook/addon-info": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-queryparams": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/components": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/node-logger": "5.3.0-beta.13",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^6.0.3",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
@ -55,6 +55,7 @@
|
||||
"lodash": "^4.17.15",
|
||||
"paths.macro": "^2.0.2",
|
||||
"prop-types": "^15.7.2",
|
||||
"puppeteer": "^2.0.0",
|
||||
"react": "^16.8.3",
|
||||
"react-dom": "^16.8.3",
|
||||
"storybook-chromatic": "^3.0.0",
|
||||
@ -62,8 +63,5 @@
|
||||
"ts-loader": "^6.0.0",
|
||||
"uuid": "^3.3.2",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"puppeteer": "^2.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import React from 'react';
|
||||
import React, { useState } from 'react';
|
||||
import { styled } from '@storybook/theming';
|
||||
|
||||
const Block = styled.div({
|
||||
@ -12,4 +12,24 @@ export default {
|
||||
title: 'Addons/Storyshots',
|
||||
};
|
||||
|
||||
export const block = () => <Block />;
|
||||
export const block = () => {
|
||||
const [hover, setHover] = useState(false);
|
||||
|
||||
return (
|
||||
<Block data-test-block onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>
|
||||
{hover && 'I am hovered'}
|
||||
</Block>
|
||||
);
|
||||
};
|
||||
block.story = {
|
||||
parameters: {
|
||||
async puppeteerTest(page) {
|
||||
const element = await page.$('[data-test-block]');
|
||||
await element.hover();
|
||||
const textContent = await element.getProperty('textContent');
|
||||
const text = await textContent.jsonValue();
|
||||
// eslint-disable-next-line jest/no-standalone-expect
|
||||
expect(text).toBe('I am hovered');
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
|
Before Width: | Height: | Size: 502 B After Width: | Height: | Size: 502 B |
@ -0,0 +1,19 @@
|
||||
/* This file is not suffixed by ".test.js" to not being run with all other test files.
|
||||
* This test needs the static build of the storybook to run.
|
||||
* `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer.
|
||||
* */
|
||||
import path from 'path';
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { axeTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
import getStorybookUrl from './getStorybookUrl';
|
||||
|
||||
const storybookUrl = getStorybookUrl();
|
||||
if (storybookUrl != null) {
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer tests',
|
||||
storyKindRegex: /^Basics|UI/,
|
||||
framework: 'react',
|
||||
configPath: path.join(__dirname, '..'),
|
||||
test: axeTest({ storybookUrl }),
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
import path from 'path';
|
||||
import fs from 'fs';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
|
||||
export default function getStorybookUrl() {
|
||||
if (process.env.USE_DEV_SERVER) {
|
||||
return 'http://localhost:9011';
|
||||
}
|
||||
|
||||
const pathToStorybookStatic = path.join(__dirname, '../', 'storybook-static');
|
||||
if (!fs.existsSync(pathToStorybookStatic)) {
|
||||
logger.error(
|
||||
'You are running puppeteer tests without having the static build of storybook. Please run "yarn run build-storybook" before running tests.'
|
||||
);
|
||||
return null;
|
||||
}
|
||||
return `file://${pathToStorybookStatic}`;
|
||||
}
|
||||
@ -5,7 +5,7 @@ const finalJestConfig = { ...globalJestConfig };
|
||||
|
||||
finalJestConfig.rootDir = path.join(__dirname, '../../..');
|
||||
finalJestConfig.testMatch = [
|
||||
'<rootDir>/examples/official-storybook/image-snapshots/storyshots-image.runner.js',
|
||||
'<rootDir>/examples/official-storybook/storyshots-puppeteer/*.runner.js',
|
||||
];
|
||||
|
||||
module.exports = finalJestConfig;
|
||||
@ -0,0 +1,19 @@
|
||||
/* This file is not suffixed by ".test.js" to not being run with all other test files.
|
||||
* This test needs the static build of the storybook to run.
|
||||
* `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer.
|
||||
* */
|
||||
import path from 'path';
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
import getStorybookUrl from './getStorybookUrl';
|
||||
|
||||
const storybookUrl = getStorybookUrl();
|
||||
if (storybookUrl != null) {
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer tests',
|
||||
storyKindRegex: /^Addons\/Storyshots/,
|
||||
framework: 'react',
|
||||
configPath: path.join(__dirname, '..'),
|
||||
test: puppeteerTest({ storybookUrl }),
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
/* This file is not suffixed by ".test.js" to not being run with all other test files.
|
||||
* This test needs the static build of the storybook to run.
|
||||
* `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer.
|
||||
* */
|
||||
import path from 'path';
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
import getStorybookUrl from './getStorybookUrl';
|
||||
|
||||
const storybookUrl = getStorybookUrl();
|
||||
if (storybookUrl != null) {
|
||||
initStoryshots({
|
||||
suite: 'Image snapshots',
|
||||
storyKindRegex: /^Addons\/Storyshots/,
|
||||
framework: 'react',
|
||||
configPath: path.join(__dirname, '..'),
|
||||
test: imageSnapshot({
|
||||
storybookUrl,
|
||||
getMatchOptions: () => ({
|
||||
failureThreshold: 0.02, // 2% threshold,
|
||||
failureThresholdType: 'percent',
|
||||
}),
|
||||
}),
|
||||
});
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "polymer-cli",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -9,18 +9,18 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@polymer/polymer": "^2.6.0",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/polymer": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/polymer": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"global": "^4.3.2",
|
||||
"lit-html": "^1.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,21 +15,21 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@babel/plugin-transform-runtime": "^7.2.0",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/preact": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/preact": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^6.0.3",
|
||||
"file-loader": "^4.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "rax-scripts build",
|
||||
@ -21,24 +21,24 @@
|
||||
"rax-view": "^1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-events": "5.3.0-beta.11",
|
||||
"@storybook/addon-info": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/rax": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/theming": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-events": "5.3.0-beta.13",
|
||||
"@storybook/addon-info": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/rax": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/theming": "5.3.0-beta.13",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"rax-scripts": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,20 +15,20 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/riot": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/riot": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^6.0.3",
|
||||
"file-loader": "^4.2.0",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "5.3.0-beta.11",
|
||||
"@storybook/react": "5.3.0-beta.13",
|
||||
"parcel": "^1.12.3",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,19 +10,19 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/svelte": "5.3.0-beta.11"
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/svelte": "5.3.0-beta.13"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,22 +14,22 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/vue": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-contexts": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/vue": "5.3.0-beta.13",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^6.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "5.3.0-beta.11",
|
||||
"version": "5.3.0-beta.13",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,26 +12,26 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.3.0-beta.11",
|
||||
"@storybook/addon-actions": "5.3.0-beta.11",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.11",
|
||||
"@storybook/addon-centered": "5.3.0-beta.11",
|
||||
"@storybook/addon-docs": "5.3.0-beta.11",
|
||||
"@storybook/addon-events": "5.3.0-beta.11",
|
||||
"@storybook/addon-jest": "5.3.0-beta.11",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.11",
|
||||
"@storybook/addon-links": "5.3.0-beta.11",
|
||||
"@storybook/addon-notes": "5.3.0-beta.11",
|
||||
"@storybook/addon-options": "5.3.0-beta.11",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.11",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.11",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.11",
|
||||
"@storybook/addons": "5.3.0-beta.11",
|
||||
"@storybook/client-api": "5.3.0-beta.11",
|
||||
"@storybook/core": "5.3.0-beta.11",
|
||||
"@storybook/core-events": "5.3.0-beta.11",
|
||||
"@storybook/source-loader": "5.3.0-beta.11",
|
||||
"@storybook/web-components": "5.3.0-beta.11",
|
||||
"@storybook/addon-a11y": "5.3.0-beta.13",
|
||||
"@storybook/addon-actions": "5.3.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "5.3.0-beta.13",
|
||||
"@storybook/addon-centered": "5.3.0-beta.13",
|
||||
"@storybook/addon-docs": "5.3.0-beta.13",
|
||||
"@storybook/addon-events": "5.3.0-beta.13",
|
||||
"@storybook/addon-jest": "5.3.0-beta.13",
|
||||
"@storybook/addon-knobs": "5.3.0-beta.13",
|
||||
"@storybook/addon-links": "5.3.0-beta.13",
|
||||
"@storybook/addon-notes": "5.3.0-beta.13",
|
||||
"@storybook/addon-options": "5.3.0-beta.13",
|
||||
"@storybook/addon-storyshots": "5.3.0-beta.13",
|
||||
"@storybook/addon-storysource": "5.3.0-beta.13",
|
||||
"@storybook/addon-viewport": "5.3.0-beta.13",
|
||||
"@storybook/addons": "5.3.0-beta.13",
|
||||
"@storybook/client-api": "5.3.0-beta.13",
|
||||
"@storybook/core": "5.3.0-beta.13",
|
||||
"@storybook/core-events": "5.3.0-beta.13",
|
||||
"@storybook/source-loader": "5.3.0-beta.13",
|
||||
"@storybook/web-components": "5.3.0-beta.13",
|
||||
"babel-loader": "^8.0.5",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user