How to use normalizedStoriesEntries method in storybook-test-runner

Best JavaScript code snippet using storybook-test-runner

transformPlaywright.ts

Source:transformPlaywright.ts

1import { relative } from 'path';2import template from '@babel/template';3import { userOrAutoTitle } from '@storybook/store';4import { getStorybookMetadata } from '../util';5import { transformCsf } from '../csf/transformCsf';6import dedent from 'ts-dedent';7const filePrefixer = template(`8  import global from 'global';9  const { setupPage } = require('@storybook/test-runner');10`);11const coverageErrorMessage = dedent`12  [Test runner] An error occurred when evaluating code coverage:13  The code in this story is not instrumented, which means the coverage setup is likely not correct.14  More info: https://github.com/storybookjs/test-runner#setting-up-code-coverage15`;16export const testPrefixer = template(17  `18    console.log({ id: %%id%%, title: %%title%%, name: %%name%%, storyExport: %%storyExport%% });19    async () => {20      const testFn = async() => {21        const context = { id: %%id%%, title: %%title%%, name: %%name%% };22        page.on('pageerror', (err) => {23          page.evaluate(({ id, err }) => __throwError(id, err), { id: %%id%%, err: err.message });24        });25        if(global.__sbPreRender) {26          await global.__sbPreRender(page, context);27        }28        const result = await page.evaluate(({ id, hasPlayFn }) => __test(id, hasPlayFn), {29          id: %%id%%,30        });31  32        if(global.__sbPostRender) {33          await global.__sbPostRender(page, context);34        }35        if(global.__sbCollectCoverage) {36          const isCoverageSetupCorrectly = await page.evaluate(() => '__coverage__' in window);37          if (!isCoverageSetupCorrectly) {38            throw new Error(\`${coverageErrorMessage}\`);39          }40          await jestPlaywright.saveCoverage(page);41        }42        return result;43      };44      try {45        await testFn();46      } catch(err) {47        if(err.toString().includes('Execution context was destroyed')) {48          await jestPlaywright.resetPage();49          await setupPage(global.page);50          await testFn();51        } else {52          throw err;53        }54      }55    }56  `,57  {58    plugins: ['jsx'],59  }60);61const makeTitleFactory = (filename: string) => {62  const { workingDir, normalizedStoriesEntries } = getStorybookMetadata();63  const filePath = './' + relative(workingDir, filename);64  return (userTitle: string) => userOrAutoTitle(filePath, normalizedStoriesEntries, userTitle);65};66export const transformPlaywright = (src: string, filename: string) => {67  const result = transformCsf(src, {68    filePrefixer,69    // @ts-ignore70    testPrefixer,71    insertTestIfEmpty: true,72    clearBody: true,73    makeTitle: makeTitleFactory(filename),74  });75  return result;...

getStorybookMetadata.ts

Source:getStorybookMetadata.ts

1import { relative, resolve } from 'path';2import { normalizeStories } from '@storybook/core-common';3import { getStorybookMain } from './getStorybookMain';4export const getStorybookMetadata = () => {5  const workingDir = resolve();6  const configDir = process.env.STORYBOOK_CONFIG_DIR;7  const main = getStorybookMain(configDir);8  const normalizedStoriesEntries = normalizeStories(main.stories, {9    configDir,10    workingDir,11  }).map((specifier) => ({12    ...specifier,13    importPathMatcher: new RegExp(specifier.importPathMatcher),14  }));15  const storiesPaths = normalizedStoriesEntries16    .map((entry) => entry.directory + '/' + entry.files)17    .map((dir) => '<rootDir>/' + relative(workingDir, dir))18    .join(';');19  // @ts-ignore -- this is added in @storybook/core-common@6.5, which we don't depend on20  const lazyCompilation = !!main?.core?.builder?.options?.lazyCompilation;21  return {22    configDir,23    workingDir,24    storiesPaths,25    normalizedStoriesEntries,26    lazyCompilation,27  };...

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2import { storiesOf } from '@storybook/react';3import { withKnobs, text } from '@storybook/addon-knobs';4import { withInfo } from '@storybook/addon-info';5const stories = storiesOf('storybook-test-runner', module);6stories.addDecorator(withKnobs);7const storiesEntries = normalizedStoriesEntries(stories);8storiesEntries.forEach(({ name, story }) => {9  stories.add(name, story);10});11stories.add('with info', withInfo({ text: 'some text' })(() => (12  <div>{text('text', 'some text')}</div>13)));14stories.add('with info and knobs', withInfo({ text: 'some text' })(() => (15  <div>{text('text', 'some text')}</div>16)));17import { storiesOf } from '@storybook/react';18import { storybookTestRunner } from 'storybook-test-runner';19import { text } from '@storybook/addon-knobs';20import { withInfo } from '@storybook/addon-info';21describe('storybook-test-runner', () => {22  const stories = storiesOf('storybook-test-runner', module);23  storybookTestRunner(stories, {24    withKnobs: { text },25  });26});

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /\.stories\.js$/));3export default stories;4import { configure } from '@storybook/react';5import stories from '../test';6configure(stories, module);7import { configure } from 'storybook-test-runner';8import stories from '../test';9configure(stories, module);10const path = require('path');11const webpackConfig = require('../webpack.config.js');12module.exports = (baseConfig, env, defaultConfig) => {13  defaultConfig.module.rules = webpackConfig.module.rules;14  defaultConfig.resolve = webpackConfig.resolve;15  return defaultConfig;16};17import '@storybook/addon-actions/register';18import '@storybook/addon-links/register';19import 'storybook-test-runner/register';20import React from 'react';21import { addDecorator } from '@storybook/react';22import { ThemeProvider } from 'styled-components';23import { GlobalStyle } from '../src/theme/GlobalStyle';24import { theme } from '../src/theme/theme';25addDecorator(story => (26  <ThemeProvider theme={theme}>27    {story()}28));29import { configure } from '@storybook/react';30import stories from '../test';31configure(stories, module);32import { configure } from 'storybook-test-runner';33import stories from '../test';34configure(stories, module);35const path = require('path');36const webpackConfig = require('../webpack.config.js');37module.exports = (baseConfig, env, defaultConfig) => {38  defaultConfig.module.rules = webpackConfig.module.rules;39  defaultConfig.resolve = webpackConfig.resolve;40  return defaultConfig;41};42import '@storybook/addon-actions/register';43import '@storybook/addon-links/register';44import 'storybook-test-runner/register';45import React from 'react';46import { addDecorator } from '@storybook/react';47import { ThemeProvider } from 'styled-components';48import { GlobalStyle } from '../src/theme/GlobalStyle';49import { theme } from '../src/theme/theme';50addDecorator(st

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const storiesEntries = normalizedStoriesEntries(require.context('../src', true, /\.stories\.js$/));3const storiesEntries = storiesEntries(require.context('../src', true, /\.stories\.js$/));4const storiesEntries = storiesEntries([5  require.context('../src', true, /\.stories\.js$/),6  require.context('../src', true, /\.stories\.mdx$/),7]);8const storiesEntries = storiesEntries([9  require.context('../src', true, /\.stories\.js$/),10  require.context('../src', true, /\.stories\.mdx$/),11], {12});13const storiesEntries = storiesEntries([14  require.context('../src', true, /\.stories\.js$/),15  require.context('../src', true, /\.stories\.mdx$/),16], {17});18const storiesEntries = storiesEntries([19  require.context('../src', true, /\.stories\.js$/),20  require.context('../src', true, /\.stories\.mdx$/),21], {22}, {23});24const storiesEntries = storiesEntries([25  require.context('../src', true, /\.stories\.js$/),26  require.context('../src', true, /\.stories\.mdx$/),27], {28}, {29}, {30});31const storiesEntries = storiesEntries([32  require.context('../src', true, /\.stories\.js$/),33  require.context('../src', true, /\.stories\.mdx$/),34], {35}, {36}, {37}, {38});

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /\.stories\.js$/));3import storybookTestRunner from 'storybook-test-runner';4const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));5import storybookTestRunner from 'storybook-test-runner';6const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));7import storybookTestRunner from 'storybook-test-runner';8const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));9import storybookTestRunner from 'storybook-test-runner';10const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));11import storybookTestRunner from 'storybook-test-runner';12const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));13import storybookTestRunner from 'storybook-test-runner';14const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));15import storybookTestRunner from 'storybook-test-runner';16const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));17import storybookTestRunner from 'storybook-test-runner';18const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));19import storybookTestRunner from 'storybook-test-runner';20const stories = storybookTestRunner(require.context('../src', true, /\.stories\.js$/));

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2describe('Storybook', () => {3  const stories = normalizedStoriesEntries(require.context('../src', true, /\.stories\.js$/));4  stories.forEach(story => story.run());5});6import React from 'react';7import { storiesOf } from '@storybook/react';8import { withInfo } from '@storybook/addon-info';9import { withKnobs, boolean } from '@storybook/addon-knobs';10import { withTests } from '@storybook/addon-jest';11import { withA11y } from '@storybook/addon-a11y';12import { withConsole } from '@storybook/addon-console';13import results from '../.jest-test-results.json';14import Button from '../src/components/Button';15const stories = storiesOf('Button', module);16stories.addDecorator(withKnobs);17stories.addDecorator((storyFn, context) => withConsole()(storyFn)(context));18stories.addDecorator(19  withInfo({20  })21);22stories.addDecorator(23  withTests({24  })25);26stories.addDecorator(withA11y);27stories.add('Button', () => (28    onClick={() => {}}29    disabled={boolean('Disabled', false)}30));31stories.add('Button disabled', () => (32    onClick={() => {}}33    disabled={boolean('Disabled', true)}34));35stories.add('Button loading', () => (36    onClick={() => {}}37    disabled={boolean('Disabled', true)}38));39stories.add('Button with icon', () => (40    onClick={() => {}}41    disabled={boolean('Disabled', false)}42));43stories.add('Button with icon and loading', () => (44    onClick={() => {}}45    disabled={boolean('Disabled', false)}46));47stories.add('Button with icon and loading disabled', () =>

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries([3  require('./stories/1-Button.stories'),4  require('./stories/2-Header.stories'),5  require('./stories/3-Page.stories'),6  require('./stories/4-Page.stories'),7]);8export default stories;9import { storiesOf } from '@storybook/react';10import { withKnobs, text } from '@storybook/addon-knobs';11import Button from '../src/components/1-Button';12storiesOf('Button', module)13  .addDecorator(withKnobs)14  .add('with text', () => (15    <Button>{text('Label', 'Hello Button')}</Button>16  .add('with some emoji', () => (17  .add('with some emoji and text', () => (18      {text('Label', 'Hello Button')}19  ));20import { storiesOf } from '@storybook/react';21import { withKnobs, text } from '@storybook/addon-knobs';22import Header from '../src/components/2-Header';23storiesOf('Header', module)24  .addDecorator(withKnobs)25  .add('with text', () => (26    <Header>{text('Label', 'Hello Header')}</Header>27  .add('with some emoji', () => (28  .add('with some emoji and text', () => (29      {text('Label', 'Hello Header')}30  ));

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /stories\.js$/));3export default stories;4import { testRunner } from 'storybook-test-runner';5testRunner(require('./test.js'), {6  viewport: {7  },8});

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner'2const stories = normalizedStoriesEntries(require.context('../src', true, /stories\.js$/))3describe('Storybook', () => {4  stories.forEach(({ name, story }) => {5    it(name, () => {6      const wrapper = mount(story())7      expect(wrapper).toMatchSnapshot()8    })9  })10})11import { configure } from '@storybook/react'12const req = require.context('../src', true, /stories\.js$/)13function loadStories() {14  req.keys().forEach(filename => req(filename))15}16configure(loadStories, module)17const path = require('path')18module.exports = ({ config }) => {19  config.module.rules.push({20    test: /\.(ts|tsx)$/,21    include: path.resolve(__dirname, '../'),22    loader: require.resolve('babel-loader'),23    options: {24      presets: [['react-app', { flow: false, typescript: true }]],25    },26  })27  config.resolve.extensions.push('.ts', '.tsx')28}29import '@storybook/addon-actions/register'30import '@storybook/addon-knobs/register'31{32  "scripts": {33  },34  "dependencies": {35  },36  "devDependencies": {37storiesOf('Button', module)38  .addDecorator(withKnobs)39  .add('with text', () => (40    <Button>{text('Label', 'Hello Button')}</Button>41  .add('with some emoji', () => (42  .add('with some emoji and text', () => (43      {text('Label', 'Hello Button')}44  ));45import { storiesOf } from '@storybook/react';46import { withKnobs, text } from '@storybook/addon-knobs';47import Header from '../src/components/2-Header';48storiesOf('Header', module)49  .addDecorator(withKnobs)50  .add('with text', () => (51    <Header>{text('Label', 'Hello Header')}</Header>52  .add('with some emoji', () => (53  .add('with some emoji and text', () => (54      {text('Label', 'Hello Header')}55  ));

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /stories\.js$/));3export default stories;4import { testRunner } from 'storybook-test-runner';5testRunner(require('./test.js'), {6  viewport: {7  },8});9  .add('with some emoji and text', () => (10      {text('Label', 'Hello Button')}11  ));12import { storiesOf } from '@storybook/react';13import { withKnobs, text } from '@storybook/addon-knobs';14import Header from '../src/components/2-Header';15storiesOf('Header', module)16  .addDecorator(withKnobs)17  .add('with text', () => (18    <Header>{text('Label', 'Hello Header')}</Header>19  .add('with some emoji', () m>a(20  .add('with some eeoji and text', () => (21      {text('Label', 'Hello Header')}22  ));

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /stories\.js$/));3export default stories;4import { testRunner } from 'storybook-test-runner';5testRunner(require('./test.js'), {6  viewport: {7  },8import React from 'react';9import { storiesOf } from '@storybook/react';10import { withInfo } from '@storybook/addon-info';11import { withKnobs, boolean } from '@storybook/addon-knobs';12import { withTests } from '@storybook/addon-jest';13import { withA11y } from '@storybook/addon-a11y';14import { withConsole } from '@storybook/addon-console';15import results from '../.jest-test-results.json';16import Button from '../src/components/Button';17const stories = storiesOf('Button', module);18stories.addDecorator(withKnobs);19stories.addDecorator((storyFn, context) => withConsole()(storyFn)(context));20stories.addDecorator(21  withInfo({22  })23);24stories.addDecorator(25  withTests({26  })27);28stories.addDecorator(withA11y);29stories.add('Button', () => (30    onClick={() => {}}31    disabled={boolean('Disabled', false)}32));33stories.add('Button disabled', () => (34    onClick={() => {}}35    disabled={boolean('Disabled', true)}36));37stories.add('Button loading', () => (38    onClick={() => {}}39    disabled={boolean('Disabled', true)}40));41stories.add('Button with icon', () => (42    onClick={() => {}}43    disabled={boolean('Disabled', false)}44));45stories.add('Button with icon and loading', () => (46    onClick={() => {}}47    disabled={boolean('Disabled', false)}48));49stories.add('Button with icon and loading disabled', () =>

Using AI Code Generation

1import { normalizedStoriesEntries } from 'storybook-test-runner';2const stories = normalizedStoriesEntries(require.context('../src', true, /stories\.js$/));3export default stories;4import { testRunner } from 'storybook-test-runner';5testRunner(require('./test.js'), {6  viewport: {7  },8});

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.