Join the 1-day Testing & QA Summit featuring 15+ Expert Speakers.Register for FREE! Join TestMu Conference

How to use currentGlobals method in storybook-root

Best JavaScript code snippet using storybook-root

setup-bundlers.js

Source:setup-bundlers.js

1var setupBundler = require('../../lib/setup-bundlers.js')2  , mock = require('mock')3module.exports = testResolveOrder4if(module === require.main) {5  require('../index.js')(testResolveOrder)6}7function testResolveOrder(test) {8  var currentGlobals = []9    , resolveable10  var setupBundler = mock('../../lib/setup-bundlers.js', {11      'resolve': fakeResolve12    , '../../lib/bundlers/browserify.js': fakeResult('browserify')13    , '../../lib/bundlers/watchify.js': fakeResult('watchify')14    , 'find-global-packages': fakeFindGlobals15  })16  test('local watchify resolves first', function(assert) {17    var times = 018    resolveable = function(what) {19      ++times20      return what === 'watchify'21    }22    setupBundler(__dirname, {}, [], false, function(err, data) {23      assert.equal(err, null, 'there should be no error')24      assert.equal(data, 'watchify', 'we should have returned watchify')25      assert.equal(times, 1, 'it should be the only thing we tried')26      assert.end()27    })28  })29  test('local browserify resolves second', function(assert) {30    var times = 031    resolveable = function(what) {32      ++times33      return what === 'browserify'34    }35    setupBundler(__dirname, {}, [], false, function(err, data) {36      assert.equal(err, null, 'there should be no error')37      assert.equal(data, 'browserify', 'we should have returned browserify')38      assert.equal(times, 2, 'it should be second thing we tried')39      assert.end()40    })41  })42  test('global watchify resolves third', function(assert) {43    var times = 044    currentGlobals = [45        '/bin/womp/bomp/browserify'46      , '/bin/gary/busey/watchify'47    ]48    resolveable = function(what) {49      ++times50      return false51    }52    setupBundler(__dirname, {}, [], false, function(err, data) {53      assert.equal(err, null, 'there should be no error')54      assert.equal(data, 'watchify', 'we should have returned watchify')55      assert.equal(times, 2, 'we should have tried both locally first')56      assert.end()57    })58  })59  test('global browserify resolves fourth', function(assert) {60    var times = 061    currentGlobals = [62        '/bin/womp/bomp/browserify'63      , '/bin/gary/busey/jake'64    ]65    resolveable = function(what) {66      ++times67      return false68    }69    setupBundler(__dirname, {}, [], false, function(err, data) {70      assert.equal(err, null, 'there should be no error')71      assert.equal(data, 'browserify', 'we should have returned browserify')72      assert.equal(times, 2, 'we should have tried both locally first')73      assert.end()74    })75  })76  test('not found resolves to an error (1/2)', function(assert) {77    var times = 078    currentGlobals = null79    resolveable = function(what) {80      ++times81      return false82    }83    setupBundler(__dirname, {}, [], false, function(err, data) {84      assert.ok(err, 'there should be an error')85      assert.end()86    })87  })88  test('not found resolves to an error (2/2)', function(assert) {89    var times = 090    currentGlobals = []91    resolveable = function(what) {92      ++times93      return false94    }95    setupBundler(__dirname, {}, [], false, function(err, data) {96      assert.ok(err, 'there should be an error')97      assert.end()98    })99  })100  function fakeFindGlobals(ready) {101    process.nextTick(function() {102      currentGlobals === null ?103        ready(new Error('no globals')) :104        ready(null, currentGlobals)105    })106  }107  function fakeResolve(what, where, ready) {108    process.nextTick(function() {109      resolveable(what) ?110        ready(null, '/fake/' + what) :111        ready(new Error)112    })113  }114  function fakeResult(which) {115    return function(dir, entryPoints, flags, ready) {116      ready(null, which)117    }118  }...

globals.ts

Source:globals.ts

1import { SET_GLOBALS, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';2import { logger } from '@storybook/client-logger';3import deepEqual from 'fast-deep-equal';4import type { Globals, GlobalTypes } from '@storybook/csf';5import type { ModuleFn } from '../index';6import { getEventMetadata } from '../lib/events';7interface SetGlobalsPayload {8  globals: Globals;9  globalTypes: GlobalTypes;10}11export interface SubState {12  globals?: Globals;13  globalTypes?: GlobalTypes;14}15export interface SubAPI {16  getGlobals: () => Globals;17  getGlobalTypes: () => GlobalTypes;18  updateGlobals: (newGlobals: Globals) => void;19}20export const init: ModuleFn = ({ store, fullAPI }) => {21  const api: SubAPI = {22    getGlobals() {23      return store.getState().globals;24    },25    getGlobalTypes() {26      return store.getState().globalTypes;27    },28    updateGlobals(newGlobals) {29      // Only emit the message to the local ref30      fullAPI.emit(UPDATE_GLOBALS, {31        globals: newGlobals,32        options: {33          target: 'storybook-preview-iframe',34        },35      });36    },37  };38  const state: SubState = {39    globals: {},40    globalTypes: {},41  };42  const updateGlobals = (globals: Globals) => {43    const currentGlobals = store.getState()?.globals;44    if (!deepEqual(globals, currentGlobals)) {45      store.setState({ globals });46    }47  };48  const initModule = () => {49    fullAPI.on(GLOBALS_UPDATED, function handleGlobalsUpdated({ globals }: { globals: Globals }) {50      const { ref } = getEventMetadata(this, fullAPI);51      if (!ref) {52        updateGlobals(globals);53      } else {54        logger.warn(55          'received a GLOBALS_UPDATED from a non-local ref. This is not currently supported.'56        );57      }58    });59    // Emitted by the preview on initialization60    fullAPI.on(SET_GLOBALS, function handleSetStories({ globals, globalTypes }: SetGlobalsPayload) {61      const { ref } = getEventMetadata(this, fullAPI);62      const currentGlobals = store.getState()?.globals;63      if (!ref) {64        store.setState({ globals, globalTypes });65      } else if (Object.keys(globals).length > 0) {66        logger.warn('received globals from a non-local ref. This is not currently supported.');67      }68      if (69        currentGlobals &&70        Object.keys(currentGlobals).length !== 0 &&71        !deepEqual(globals, currentGlobals)72      ) {73        api.updateGlobals(currentGlobals);74      }75    });76  };77  return {78    api,79    state,80    init: initModule,81  };...

Using AI Code Generation

1import { currentGlobals } from 'storybook-root-decorator';2import { storybookRootDecorator } from 'storybook-root-decorator';3export default {4};5export const Test = () => {6  const { globals } = currentGlobals();7  return <div>{globals.language}</div>;8};9import { storybookRootDecorator } from 'storybook-root-decorator';10export default {11};12export const Test = () => {13  const { globals } = storybookRootDecorator.currentGlobals();14  return <div>{globals.language}</div>;15};16type StorybookRootDecoratorOptions = {17  globals?: Record<string, any>;18  parameters?: Record<string, any>;19  passGlobalsToRoot?: boolean;20};21type Globals = {22  language: string;23  theme: string;24  locale: string;25};26const defaultGlobals: Globals = {27};28type Parameters = {29  backgrounds: {30    default: string;31    values: Record<string, string>;32  };

Using AI Code Generation

1import { currentGlobals } from 'storybook-root';2const { currentGlobals } = require('storybook-root');3import { currentGlobals } from 'storybook-root';4const { currentGlobals } = require('storybook-root');5import { currentGlobals } from 'storybook-root';6const { currentGlobals } = require('storybook-root');7import { currentGlobals } from 'storybook-root';8const { currentGlobals } = require('storybook-root');9import { currentGlobals } from 'storybook-root';10const { currentGlobals } = require('storybook-root');11import { currentGlobals } from 'storybook-root';12const { currentGlobals } = require('storybook-root');13import { currentGlobals } from 'storybook-root';14const { currentGlobals } = require('storybook-root');15import { currentGlobals } from 'storybook-root';16const { currentGlobals } = require('storybook-root');17import { currentGlobals } from 'storybook-root';18const { currentGlobals } = require('storybook-root');19import { currentGlobals } from 'storybook-root';20const { currentGlobals } = require('storybook-root');

Using AI Code Generation

1import { currentGlobals } from 'storybook-root';2const test = () => {3  const globals = currentGlobals();4};5export default test;6export const globalTypes = {7  theme: {8    toolbar: {9    },10  },11};12  (Story, context) => {13    const { globals } = context;14    const { theme } = globals;15    return <Story />;16  },17];18export const parameters = {19  actions: { argTypesRegex: '^on[A-Z].*' },20  backgrounds: {21      {22      },23      {24      },25  },26};27export const globalTypes = {28  theme: {29    toolbar: {30    },31  },32};33  (Story, context) => {34    const { globals } = context;35    const { theme } = globals;36    return <Story />;37  },38];39export const parameters = {40  actions: { argTypesRegex: '^on[A-Z].*' },41  backgrounds: {42      {43      },44      {45      },46  },47};48export const globalTypes = {49  theme: {50    toolbar: {

Using AI Code Generation

1import { currentGlobals } from 'storybook-root-provider';2const { theme } = currentGlobals();3import { currentGlobals } from 'storybook-root-provider';4const { theme } = currentGlobals();5import { currentGlobals } from 'storybook-root-provider';6const { theme } = currentGlobals();7import { currentGlobals } from 'storybook-root-provider';8const { theme } = currentGlobals();9import { currentGlobals } from 'storybook-root-provider';10const { theme } = currentGlobals();11import { currentGlobals } from 'storybook-root-provider';12const { theme } = currentGlobals();13import { currentGlobals } from 'storybook-root-provider';14const { theme } = currentGlobals();15import { currentGlobals } from 'storybook-root-provider';16const { theme } = currentGlobals();17import { currentGlobals } from 'storybook-root-provider';18const { theme } = currentGlobals();19import { currentGlobals } from 'storybook-root-provider';20const { theme } = currentGlobals();21import { currentGlobals } from 'storybook-root-provider';22const { theme } = currentGlobals();23import { currentGlobals } from 'storybook-root-provider';24const { theme } = currentGlobals();

Using AI Code Generation

1import { currentGlobals } from 'storybook-root-decorator';2import { withTests } from '@storybook/addon-jest';3import results from '../.jest-test-results.json';4import { withInfo } from '@storybook/addon-info';5import { withKnobs } from '@storybook/addon-knobs';6import { withA11y } from '@storybook/addon-a11y';7import { withConsole } from '@storybook/addon-console';8import { withViewport } from '@storybook/addon-viewport';9import { addDecorator, addParameters } from '@storybook/react';10import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';11import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';12import { themes } from '@storybook/theming';13import { withContexts } from '@storybook/addon-contexts/react';14import { contexts } from './contexts';15addDecorator(withTests({ results }));16addDecorator(withInfo);17addDecorator(withKnobs);18addDecorator(withA11y);19addDecorator((storyFn, context) => withConsole()(storyFn)(context));20addDecorator(withViewport);21addParameters({22  options: {23  },24  viewport: {25  },26  docs: {27  },28});29export const parameters = {30  docs: {31  },32  viewport: {33  },34};35  (Story, context) => {36    const { globals } = currentGlobals(context);37    const { theme } = globals;38    return <Story theme={theme} />;39  },40];41import * as React from 'react';42import { addDecorator, addParameters } from '@storybook/react';43import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';44import { DocsPage, DocsContainer } from '@storybook/addon-docs/blocks';45import { themes } from '@storybook/theming';46import { withContexts } from '@storybook/addon-contexts/react';47import { contexts } from './contexts';48import { withTests }

Using AI Code Generation

1import { currentGlobals } from 'storybook-root'2import { setGlobals } from '@storybook/addon-knobs'3import { addons } from '@storybook/addons'4export const setGlobalsFromUrl = () => {5  const globals = currentGlobals()6  setGlobals(globals)7  addons.getChannel().emit('storybookjs/knobs/change', globals)8}9import { setGlobalsFromUrl } from 'test.js'10export const parameters = {11  knobs: {12  },13}14export const globalTypes = {15  theme: {16    toolbar: {17    },18  },19}20  (Story) => {21    setGlobalsFromUrl()22  },23import { useEffect } from 'react';24import { useGlobals } from '@storybook/api';25import { useLocation } from 'react-router-dom';26import { THEME } from '../constants';27export const useTheme = () => {28  const [globals, updateGlobals] = useGlobals();29  const { pathname } = useLocation();30  useEffect(() => {31    const theme = pathname.startsWith('/dark') ? THEME.DARK : THEME.LIGHT;32    updateGlobals({ theme });33  }, [pathname, updateGlobals]);34};35import { useTheme } from './useTheme';36export const withTheme = (StoryFn, context) => {37  useTheme();38  return StoryFn(context);39};40import { useEffect } from 'react';41import { useGlobals } from '@storybook

Using AI Code Generation

1import { currentGlobals } from 'storybook-root';2const { globalArg } = currentGlobals();3import { currentGlobals } from 'storybook-root';4const { globalArg } = currentGlobals();5import { currentGlobals } from 'storybook-root';6const { globalArg } = currentGlobals();7import { currentGlobals } from 'storybook-root';8const { globalArg } = currentGlobals();9import { currentGlobals } from 'storybook-root';10const { globalArg } = currentGlobals();11import { currentGlobals } from 'storybook-root';12const { globalArg } = currentGlobals();13import { currentGlobals } from 'storybook-root';14const { globalArg } = currentGlobals();15import { currentGlobals } from 'storybook-root';16const { globalArg } = currentGlobals();17import { currentGlobals } from 'storybook-root';18const { globalArg } = currentGlobals();19import { currentGlobals } from 'storybook-root';20const { globalArg } = currentGlobals();21import { currentGlobals } from 'storybook-root';22const { globalArg } = currentGlobals();23import { currentGlobals } from 'storybook-root';24const { globalArg } = currentGlobals();25import { currentGlobals } from 'storybook-root';26const { globalArg } = currentGlobals();27import { currentGlobals } from 'storybook-root';28const { globalArg } = currentGlobals();

Using AI Code Generation

1import { currentGlobals } from '@storybook/addon-ondevice-actions';2const globals = currentGlobals();3console.log(globals);4import { setGlobals } from '@storybook/addon-ondevice-actions';5setGlobals({ test: 'test' });6import { setGlobals } from '@storybook/addon-ondevice-actions';7setGlobals({ test: 'test' });8import { setGlobals } from '@storybook/addon-ondevice-actions';9setGlobals({ test: 'test' });10import { setGlobals } from '@storybook/addon-ondevice-actions';11setGlobals({ test: 'test' });12import { setGlobals } from '@storybook/addon-ondevice-actions';13setGlobals({ test: 'test' });14import { setGlobals } from '@storybook/addon-ondevice-actions';15setGlobals({ test: 'test' });16import { setGlobals } from '@storybook/addon-ondevice-actions';17setGlobals({ test: 'test' });18import { setGlobals } from '@storybook/addon-ondevice-actions';19setGlobals({ test: 'test' });20import { setGlobals } from '@storybook/addon-ondevice-actions';21setGlobals({ test: 'test' });22import { setGlobals } from '@storybook/addon-ondevice-actions';23setGlobals({ test: 'test' });24import { setGlobals } from '@storybook/addon-ondevice-actions';25setGlobals({ test: 'test' });26import { setGlobals } from '@storybook/addon-ondevice-actions';27setGlobals({ test: 'test' });

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.