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

     1  import { html, TemplateResult } from 'lit';
     2  import { TestStatus } from '../src/gen/pb/test_status/test_status';
     3  import '../src/testgrid-grid-cell';
     4  
     5  export default {
     6    title: 'Grid Cell',
     7    component: 'testgrid-grid-cell',
     8  };
     9  
    10  interface Story<T> {
    11    (args: T): TemplateResult;
    12    args?: T;
    13  }
    14  
    15  interface Args {
    16    icon: string;
    17    status: String;
    18  }
    19  
    20  const Template: Story<Args> = ({
    21    icon = '', status = '',
    22  }: Args) => {
    23    return html`<testgrid-grid-cell .icon="${icon}" .status="${status}"></testgrid-grid-cell>`;
    24  };
    25  
    26  export const NoResult = Template.bind({});
    27  NoResult.args = {icon: '', status: TestStatus[TestStatus.NO_RESULT]};
    28  export const Pass = Template.bind({});
    29  Pass.args = {icon: '', status: TestStatus[TestStatus.PASS]};
    30  export const PassWithErrors = Template.bind({});
    31  PassWithErrors.args = {icon: 'E', status: TestStatus[TestStatus.PASS_WITH_ERRORS]};
    32  export const PassWithSkips = Template.bind({});
    33  PassWithSkips.args = {icon: 'S', status: TestStatus[TestStatus.PASS_WITH_SKIPS]};
    34  export const Running = Template.bind({});
    35  Running.args = {icon: 'R', status: TestStatus[TestStatus.RUNNING]};
    36  export const CategorizedAbort = Template.bind({});
    37  CategorizedAbort.args = {icon: 'A', status: TestStatus[TestStatus.CATEGORIZED_ABORT]};
    38  export const Unknown = Template.bind({});
    39  Unknown.args = {icon: '?', status: TestStatus[TestStatus.UNKNOWN]};
    40  export const Cancel = Template.bind({});
    41  Cancel.args = {icon: 'C', status: TestStatus[TestStatus.CANCEL]};
    42  export const Blocked = Template.bind({});
    43  Blocked.args = {icon: 'B', status: TestStatus[TestStatus.BLOCKED]};
    44  export const TimedOut = Template.bind({});
    45  TimedOut.args = {icon: 'T', status: TestStatus[TestStatus.TIMED_OUT]};
    46  export const CategorizedFail = Template.bind({});
    47  CategorizedFail.args = {icon: 'F', status: TestStatus[TestStatus.CATEGORIZED_FAIL]};
    48  export const BuildFail = Template.bind({});
    49  BuildFail.args = {icon: 'X', status: TestStatus[TestStatus.BUILD_FAIL]};
    50  export const Fail = Template.bind({});
    51  Fail.args = {icon: '', status: TestStatus[TestStatus.FAIL]};
    52  export const Flaky = Template.bind({});
    53  Flaky.args = {icon: '1/2', status: TestStatus[TestStatus.FLAKY]};
    54  export const ToolFail = Template.bind({});
    55  ToolFail.args = {icon: '!', status: TestStatus[TestStatus.TOOL_FAIL]};
    56  export const BuildPassed = Template.bind({});
    57  BuildPassed.args = {icon: '', status: TestStatus[TestStatus.BUILD_PASSED]};