status/modules/rotations-sk/rotations-sk-demo.ts

import './index';
import '../tree-status-sk';
import fetchMock from 'fetch-mock';
import { $$ } from 'common-sk/modules/dom';
import {
  treeStatusResp,
  generalRoleResp,
  gpuRoleResp,
  androidRoleResp,
  infraRoleResp,
} from '../tree-status-sk/test_data';
import { TreeStatus, TreeStatusSk } from '../tree-status-sk/tree-status-sk';
import { RotationsSk } from './rotations-sk';

fetchMock.getOnce('https://example.com/treestatus/test-repo/current', treeStatusResp);
fetchMock.getOnce('https://chrome-ops-rotation-proxy.appspot.com/current/grotation:skia-gardener', generalRoleResp);
fetchMock.getOnce('https://chrome-ops-rotation-proxy.appspot.com/current/grotation:skia-gpu-gardener', gpuRoleResp);
fetchMock.getOnce('https://chrome-ops-rotation-proxy.appspot.com/current/grotation:skia-android-gardener', androidRoleResp);
fetchMock.getOnce('https://chrome-ops-rotation-proxy.appspot.com/current/grotation:skia-infra-gardener', infraRoleResp);
Date.now = () => 1600883976659;

const ts = document.createElement('tree-status-sk') as TreeStatusSk;
ts.repo = 'test-repo';
ts.baseURL = 'https://example.com/treestatus';
const r = document.createElement('rotations-sk') as RotationsSk;
ts.addEventListener('tree-status-update', (e) => {
  r.rotations = (e as CustomEvent<TreeStatus>).detail.rotations;
});
($$('#container') as HTMLElement).appendChild(ts);
($$('#container') as HTMLElement).appendChild(r);