github.com/GoogleCloudPlatform/testgrid@v0.0.174/web/stories/testgrid-grid-row-name.stories.ts (about)

     1  import { html, TemplateResult } from 'lit';
     2  import '../src/testgrid-grid-row-name';
     3  
     4  export default {
     5    title: 'Grid Row Name',
     6    component: 'testgrid-grid-row-name',
     7  };
     8  
     9  interface Story<T> {
    10    (args: T): TemplateResult;
    11    args?: T;
    12  }
    13  
    14  interface Args {
    15    name: string;
    16  }
    17  
    18  const Template: Story<Args> = ({ name = '' }: Args) => {
    19    return html`<testgrid-grid-row-name
    20      .name="${name}"
    21    ></testgrid-grid-row-name>`;
    22  };
    23  
    24  export const Empty = Template.bind({});
    25  Empty.args = { name: '' };
    26  export const Short = Template.bind({});
    27  Short.args = { name: '//path/to/my:test' };
    28  export const Long = Template.bind({});
    29  Long.args = {
    30    name: '//this/test/of/mine/and/its/path/are/quite/long/so/here/is/my:test',
    31  };