ct/modules/runs-history-summary-sk/runs-history-summary-sk-demo.ts

import './index';
import '../../../infra-sk/modules/theme-chooser-sk';
import fetchMock from 'fetch-mock';
import { $$ } from '../../../infra-sk/modules/dom';
import {
  summaryResults3,
  summaryResults5,
  summaryResults15,
  summaryResults33,
} from './test_data';
import { RunsHistorySummarySk } from './runs-history-summary-sk';

function newHistorySummary(parentSelector: string) {
  fetchMock.post('begin:/_/completed_tasks', () => {
    // Cheat so we don't have to compute timestamps to determine the period.
    switch (($$('runs-history-summary-sk') as RunsHistorySummarySk).period) {
      case 7:
        return summaryResults3;
      case 30:
        return summaryResults5;
      case 365:
        return summaryResults15;
      default:
        return summaryResults33;
    }
  });
  const rs = document.createElement(
    'runs-history-summary-sk'
  ) as RunsHistorySummarySk;
  ($$(parentSelector) as HTMLElement).appendChild(rs);
}
newHistorySummary('#container');