codesize/modules/binary-diff-page-sk/binary-diff-page-sk-demo.ts

import './index';
import fetchMock from 'fetch-mock';
import { BinarySizeDiffRPCRequest, BinarySizeDiffRPCResponse } from '../rpc_types';
import { BinaryDiffPageSk } from './binary-diff-page-sk';
import { CodesizeScaffoldSk } from '../codesize-scaffold-sk/codesize-scaffold-sk';

const fakeRpcDelayMillis = 300;

const fakeRPCResponse: BinarySizeDiffRPCResponse = {
  metadata: {
    version: 1,
    timestamp: '2022-02-15T23:57:57Z',
    swarming_task_id: '59189d06df0e9611',
    swarming_server: 'https://chromium-swarm.appspot.com',
    task_id: 'rG2vO5FkQOODEHgHf7W8',
    task_name: 'CodeSize-dm-Debian10-Clang-x86_64-Debug',
    compile_task_name: 'Build-Debian10-Clang-x86_64-Debug',
    compile_task_name_no_patch: 'Build-Debian10-Clang-x86_64-Debug-NoPatch',
    binary_name: 'dm',
    bloaty_cipd_version: 'version:1',
    bloaty_args: ['build/dm', '-d', 'compileunits,symbols', '-n', '0', '--tsv'],
    bloaty_diff_args: ['build/dm', '--', 'build_nopatch/dm'],
    patch_issue: '12345',
    patch_server: 'https://skia-review.googlesource.com',
    patch_set: '6',
    repo: 'https://skia.googlesource.com/skia.git',
    revision: '34e3b35eb460e8668bb063adeefdc1fed857d075',
    commit_timestamp: '2022-02-15T23:42:43Z',
    author: 'Alice (alice@google.com)',
    subject: '[codesize] Define more CodeSize tasks for testing purposes (both for CQ and waterfall).',
  },
  // Example taken from
  // gs://skia-codesize/2022/07/27/04/tryjob/556358/56/lnwGGlkpXd2obFWx9xrA/Build-Debian10-Clang-x86_64-OptimizeForSize/dm.diff.txt.
  raw_diff: `     VM SIZE                     FILE SIZE
 --------------               --------------
  +0.1% +9.75Ki .rodata       +9.75Ki  +0.1%
  [ = ]       0 .debug_info       +45  +0.0%
  [ = ]       0 .debug_str        +45  +0.0%
  [ = ]       0 .debug_line       +28  +0.0%
  [ = ]       0 .debug_ranges     +16  +0.0%
  +0.0%     +16 .text             +16  +0.0%
  [ = ]       0 [Unmapped]        +10  +200%
  -0.0%      -8 .eh_frame          -8  -0.0%
  +0.0% +9.76Ki TOTAL         +9.90Ki  +0.0%
`,
};

fetchMock.post(
  (url, opts) => {
    const request = JSON.parse(opts.body?.toString() || '') as BinarySizeDiffRPCRequest;
    return url === '/rpc/binary_size_diff/v1'
      && request.commit === fakeRPCResponse.metadata.revision
      && request.patch_issue === fakeRPCResponse.metadata.patch_issue
      && request.patch_set === fakeRPCResponse.metadata.patch_set
      && request.binary_name === fakeRPCResponse.metadata.binary_name
      && request.compile_task_name === fakeRPCResponse.metadata.compile_task_name;
  },
  () => new Promise(
    (resolve) => setTimeout(
      () => resolve(JSON.stringify(fakeRPCResponse)),
      fakeRpcDelayMillis,
    ),
  ),
);

const queryString = `?commit=${fakeRPCResponse.metadata.revision}&`
  + `patch_issue=${fakeRPCResponse.metadata.patch_issue}&`
  + `patch_set=${fakeRPCResponse.metadata.patch_set}&`
  + `binary_name=${fakeRPCResponse.metadata.binary_name}&`
  + `compile_task_name=${fakeRPCResponse.metadata.compile_task_name}`;
window.history.pushState(null, '', queryString);

// Add the page under test only after all RPCs are mocked out.
const scaffold = new CodesizeScaffoldSk();
document.body.appendChild(scaffold);
scaffold.appendChild(new BinaryDiffPageSk());