perf/modules/alerts-page-sk/alerts-page-sk-demo.js

import './index';
import 'elements-sk/error-toast-sk';
import { fetchMock } from '@bundled-es-modules/fetch-mock';

fetchMock.post('/_/count/',
  // Wait 1s before returning the content so we can see the spinner in action.
  async () => new Promise((res) => setTimeout(() => res({ count: Math.floor(Math.random() * 2000) }), 1000)));

fetchMock.post('/_/alert/update', 200);

fetchMock.get('/_/alert/list/false', () => [
  {
    id: 5646874153320448,
    display_name:
      'Image',
    query:
      'source_type=image\u0026sub_result=min_ms',
    alert: '',
    interesting: 50,
    bug_uri_template: '',
    algo: 'stepfit',
    state: 'ACTIVE',
    owner: 'jcgregorio@google.com',
    step_up_only: false,
    direction: 'BOTH',
    radius: 7,
    k: 0,
    group_by: '',
    sparse: false,
    minimum_num: 0,
    category: ' ',
  },
]);

fetchMock.get('/_/alert/list/true', () => [
  {
    id: 5646874153320448,
    display_name: 'Image',
    query: 'source_type=image\u0026sub_result=min_ms',
    alert: '',
    interesting: 50,
    bug_uri_template: '',
    algo: 'stepfit',
    state: 'ACTIVE',
    owner: 'jcgregorio@google.com',
    step_up_only: false,
    direction: 'BOTH',
    radius: 7,
    k: 0,
    group_by: '',
    sparse: false,
    minimum_num: 0,
    category: ' ',
  },
  {
    id: 2,
    display_name: 'Foo',
    query: 'source_type=image\u0026sub_result=min_ms',
    alert: '',
    interesting: 50,
    bug_uri_template: '',
    algo: 'stepfit',
    state: 'DELETED',
    owner: 'jcgregorio@google.com',
    step_up_only: false,
    direction: 'BOTH',
    radius: 7,
    k: 0,
    group_by: '',
    sparse: false,
    minimum_num: 0,
    category: 'Stuff',
  },
]);

fetchMock.get('/_/initpage/', () => ({
  dataframe: {
    traceset: null,
    header: null,
    paramset: {
      arch: [
        'WASM',
        'arm',
        'arm64',
        'asmjs',
        'wasm',
        'x86',
        'x86_64',
      ],
      bench_type: [
        'BRD',
        'deserial',
        'micro',
        'playback',
        'recording',
        'skandroidcodec',
        'skcodec',
        'tracing',
      ],
      browser: [
        'Chrome',
      ],
      clip: [
        '0_0_1000_1000',
      ],
      compiled_language: [
        'asmjs',
        'wasm',
      ],
      compiler: [
        'Clang',
        'EMCC',
        'GCC',
        'MSVC',
        'emsdk',
        'none',
      ],
      config: [
        '8888',
        'angle_d3d11_es2',
        'angle_d3d11_es2_msaa8',
        'angle_gl_es2',
        'angle_gl_es2_msaa8',
        'commandbuffer',
        'default',
        'enarrow',
        'esrgb',
        'f16',
        'gl',
        'gles',
        'glesmsaa4',
        'glessrgb',
        'glmsaa4',
        'glmsaa8',
        'glsrgb',
        'meta',
        'mtl',
      ],
      configuration: [
        'Debug',
        'Presubmit',
        'Release',
        'devrel',
        'eng',
        'sdk',
      ],
      cpu_or_gpu: [
        'CPU',
        'GPU',
      ],
    },
    skip: 0,
  },
  ticks: [],
  skps: [],
  msg: '',
}));

fetchMock.get('https://skia.org/loginstatus/', () => ({
  Email: 'jcgregorio@google.com',
  ID: '110642259984599645813',
  LoginURL: 'https://accounts.google.com/...',
  IsAGoogler: true,
  IsAdmin: true,
  IsEditor: false,
  IsViewer: true,
}));

fetchMock.get('/_/alert/new', () => ({
  id: -1,
  display_name: 'Name',
  query: '',
  alert: '',
  interesting: 0,
  bug_uri_template: '',
  algo: 'kmeans',
  state: 'DELETED',
  owner: '',
  step_up_only: false,
  direction: 'BOTH',
  radius: 10,
  k: 50,
  group_by: '',
  sparse: false,
  minimum_num: 0,
  category: 'Experimental',
}));