github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/.storybook/preview.js (about)

     1  import { addDecorator, addParameters } from '@storybook/ember';
     2  import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
     3  import theme from './theme.js';
     4  
     5  addParameters({
     6    viewport: { viewports: INITIAL_VIEWPORTS },
     7    options: {
     8      showPanel: true,
     9      theme,
    10    },
    11  });
    12  
    13  addDecorator((storyFn) => {
    14    let { template, context } = storyFn();
    15  
    16    let wrapperElementStyle = {
    17      margin: '20px',
    18    };
    19  
    20    let applicationWrapperElement = document.createElement('div');
    21    Object.assign(applicationWrapperElement.style, wrapperElementStyle);
    22  
    23    let storybookElement = document.createElement('div');
    24    storybookElement.setAttribute('id', 'storybook');
    25  
    26    let wormhole = document.createElement('div');
    27    wormhole.setAttribute('id', 'ember-basic-dropdown-wormhole');
    28  
    29    storybookElement.appendChild(wormhole);
    30  
    31    applicationWrapperElement.appendChild(storybookElement);
    32    storybookElement.appendTo = function appendTo(el) {
    33      el.appendChild(applicationWrapperElement);
    34    };
    35  
    36    return {
    37      template,
    38      context,
    39      element: storybookElement,
    40    };
    41  });