How to use cleanRoots method in storybook-root

Best JavaScript code snippet using storybook-root

core-presets.test.ts

Source:core-presets.test.ts

...70  if (!obj) return obj;71  if (typeof obj === 'string')72    return obj.replace(ROOT, 'ROOT').replace(NODE_MODULES, 'NODE_MODULES');73  if (Array.isArray(obj)) return obj.map(cleanRoots);74  if (obj instanceof RegExp) return cleanRoots(obj.toString());75  if (typeof obj === 'object') {76    return Object.fromEntries(77      Object.entries(obj).map(([key, val]) => {78        if (key === 'version' && typeof val === 'string') {79          return [key, '*'];80        }81        return [key, cleanRoots(val)];82      })83    );84  }85  return obj;86};87const getConfig = (fn: any, name): Configuration | null => {88  const call = fn.mock.calls.find((c) => c[0].name === name);89  if (!call) return null;90  return call[0];91};92const prepareSnap = (fn: any, name): Pick<Configuration, 'module' | 'entry' | 'plugins'> => {93  const config = getConfig(fn, name);94  if (!config) return null;95  const keys = Object.keys(config);96  const { module, entry, plugins } = config;97  return cleanRoots({ keys, module, entry, plugins: plugins.map((p) => p.constructor.name) });98};99const snap = (name: string) => `__snapshots__/${name}`;100describe.each([101  ['cra-ts-essentials', reactOptions],102  ['vue-3-cli', vue3Options],103  ['web-components-kitchen-sink', webComponentsOptions],104  ['html-kitchen-sink', htmlOptions],105])('%s', (example, frameworkOptions) => {106  beforeEach(() => {107    jest.clearAllMocks();108    cache.clear();109  });110  const options = {111    ...baseOptions,...

toc.js

Source:toc.js

1const {2  searchReferencesFromIdentifier,3  searchReferencesToIdentifier4} = require("./references");5const createAlphabeticalToc = ast =>6  ast7    .filter(production => production.identifier)8    .map(production => production.identifier)9    .reduce((acc, item) => acc.concat(item), [])10    .filter((item, index, list) => list.indexOf(item) === index)11    .sort()12    .map(node => ({ name: node }));13const isCharacterSet = production => {14  const rootChoice = production.definition && production.definition.choice;15  if (!rootChoice) {16    return false;17  }18  return rootChoice.every(element => element.terminal);19};20const createPath = (production, ast, path, cache = {}) => {21  const leaf = {22    name: production.identifier,23    characterSet: isCharacterSet(production)24  };25  if (path.includes(leaf.name)) {26    leaf.recursive = true;27  } else {28    const subPath = path.concat(production.identifier);29    const cacheEntry = cache[production.identifier];30    const children =31      cacheEntry !== undefined32        ? cacheEntry33        : searchReferencesFromIdentifier(production.identifier, ast)34            // Protect against missing references35            .filter(child =>36              ast.find(production => production.identifier === child)37            )38            .map(child =>39              createPath(40                ast.find(production => production.identifier === child),41                ast,42                subPath,43                cache44              )45            );46    cache[production.identifier] = children;47    if (children.length > 0) {48      leaf.children = children;49      const rootChoice = production.definition && production.definition.choice;50      if (51        rootChoice &&52        rootChoice.every(element => element.terminal || element.nonTerminal) &&53        children.every(child => child.characterSet)54      ) {55        leaf.characterSet = true;56      }57    }58  }59  return leaf;60};61const flatList = children =>62  children63    .map(child => [child.name].concat(flatList(child.children || [])))64    .reduce((acc, elem) => acc.concat(elem), []);65const createStructuralToc = ast => {66  const productions = ast.filter(production => production.identifier);67  const declarations = productions.map(production => production.identifier);68  const cache = {};69  const cleanRoots = productions70    .filter(71      production =>72        searchReferencesToIdentifier(production.identifier, productions)73          .length === 074    )75    .map(production => createPath(production, productions, [], cache));76  const recursiveTrees = productions77    .map(production => createPath(production, productions, [], cache))78    // Check if tree is recursive79    .filter(tree => flatList(tree.children || []).includes(tree.name))80    // Tree contained in a clean (non-recursive) root? remove.81    .filter(82      recursiveTree =>83        !cleanRoots84          .map(root => flatList(root.children || []))85          .some(list => list.includes(recursiveTree.name))86    )87    // The trees left are now88    // a -> b -> c -> a, vs.89    // b -> c -> a -> b, vs.90    // c -> a -> b -> c. Check which one is defined first, that one wins91    .filter((root, index, list) => {92      const indices = flatList(root.children || [])93        .filter(node => node !== root.name)94        .map(node => list.map(p => p.name).indexOf(node))95        .filter(e => e !== -1);96      const childIndex = Math.min(...indices);97      return index < childIndex;98    });99  return cleanRoots100    .concat(recursiveTrees)101    .sort(102      (a, b) => declarations.indexOf(a.name) - declarations.indexOf(b.name)103    );104};105const createDefinitionMetadata = (structuralToc, level = 0) => {106  const metadata = {};107  structuralToc.forEach(item => {108    const data = metadata[item.name] || { counted: 0 };109    if (level === 0) {110      data["root"] = true;111    }112    if (item.recursive) {113      data["recursive"] = true;114    }115    if (item.characterSet) {116      data["characterSet"] = true;117    }118    data["counted"]++;119    metadata[item.name] = data;120    if (item.children) {121      const childData = createDefinitionMetadata(item.children, level + 1);122      Object.entries(childData).forEach(([name, cData]) => {123        const data = metadata[name] || { counted: 0 };124        metadata[name] = {125          ...data,126          ...cData,127          counted: cData.counted + data.counted128        };129      });130    }131  });132  const values = Object.values(metadata);133  const total = values.reduce((acc, item) => acc + item.counted, 0);134  const average = total / values.length;135  Object.entries(metadata).forEach(([varName, value]) => {136    metadata[varName].common = value.counted > average;137  });138  return metadata;139};140module.exports = {141  createAlphabeticalToc,142  createDefinitionMetadata,143  createStructuralToc...

Using AI Code Generation

1import { cleanRoots } from 'storybook-root-decorator';2export default {3};4export const Test = () => {5  cleanRoots();6  return <div>Test</div>;7};8cleanRoots()

Using AI Code Generation

1import { cleanRoots } from 'storybook-root-decorator';2export const decorators = [cleanRoots];3export const parameters = {4  rootDecorator: {5  },6};7import { cleanRoots } from 'storybook-root-decorator';8export const decorators = [cleanRoots];9export const parameters = {10  rootDecorator: {11  },12};13MIT © [Viktor Todorov](

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.