golden/modules/byblame-page-sk/byblame-page-sk-demo.js

import './index.js'
import '../gold-scaffold-sk'
import { canvaskit, gm, svg, fakeGitlogRpc, trstatus } from './demo_data'
import { delay } from '../demo_util';
import { $$ } from 'common-sk/modules/dom'
import { fetchMock } from 'fetch-mock';

// Set up RPC failure simulation.
const getSimulateRpcFailure =
    () => sessionStorage.getItem("simulateRpcFailure") === "true";
const setSimulateRpcFailure =
    (val) =>  sessionStorage.setItem("simulateRpcFailure", val)
$$("#simulate-rpc-failure").checked = getSimulateRpcFailure();
$$("#simulate-rpc-failure").addEventListener("change", (e) => {
  setSimulateRpcFailure(e.target.checked);
});

const fakeRpcDelayMillis = 300;

function byBlame(response) {
  if (getSimulateRpcFailure()) {
    return 500;  // Fake an internal server error.
  }
  return delay(response, fakeRpcDelayMillis);
}

fetchMock.get(
    '/json/byblame?query=source_type%3Dcanvaskit', () => byBlame(canvaskit));
fetchMock.get('/json/byblame?query=source_type%3Dgm', () => byBlame(gm));
fetchMock.get('/json/byblame?query=source_type%3Dsvg', () => byBlame(svg));
fetchMock.get('glob:/json/gitlog*',
    (url) => delay(fakeGitlogRpc(url), fakeRpcDelayMillis));
fetchMock.get('/json/trstatus', () => {
  if ($$("#simulate-rpc-failure").checked) {
    return 500;  // Fake an internal server error.
  }
  return delay(trstatus, fakeRpcDelayMillis);
});

// Create the component after we've had a chance to mock the JSON endpoints.
const page = document.createElement('byblame-page-sk');
page.setAttribute('base-repo-url', 'https://skia.googlesource.com/skia.git');
page.setAttribute('default-corpus', 'gm');
$$('gold-scaffold-sk').appendChild(page);