[ct] Add chromium-build-runs-sk element.

Change-Id: I2de70d07376b8a8ff7b3b4e3c50694f3e78308ba
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/306597
Reviewed-by: Ravi Mistry <rmistry@google.com>
diff --git a/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.html b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.html
new file mode 100644
index 0000000..70c4fe7
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Chromium Build Runs</title>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+  <body>
+    <h2>Chromium-build-runs-sk Demo</h2><theme-chooser-sk></theme-chooser-sk>
+    <div id=container></div>
+  </body>
+</html>
diff --git a/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.js b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.js
new file mode 100644
index 0000000..08dcae8
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk-demo.js
@@ -0,0 +1,15 @@
+import './index';
+import '../../../infra-sk/modules/theme-chooser-sk';
+import { $$ } from 'common-sk/modules/dom';
+import { fetchMock } from 'fetch-mock';
+import {
+  tasksResult0, tasksResult1, tasksResult2,
+} from './test_data';
+
+let i = 0;
+fetchMock.post('begin:/_/get_chromium_build_tasks',
+  () => [tasksResult0, tasksResult1, tasksResult2][i++ % 3]);
+fetchMock.post('begin:/_/delete_chromium_build_task', 200);
+fetchMock.post('begin:/_/redo_chromium_build_task', 200);
+const cpr = document.createElement('chromium-build-runs-sk');
+$$('#container').appendChild(cpr);
diff --git a/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.js b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.js
new file mode 100644
index 0000000..a255b1b
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.js
@@ -0,0 +1,236 @@
+/**
+ * @fileoverview The bulk of the Chromium Builds Runs History page.
+ */
+
+import 'elements-sk/icon/delete-icon-sk';
+import 'elements-sk/icon/redo-icon-sk';
+import 'elements-sk/toast-sk';
+import '../../../infra-sk/modules/confirm-dialog-sk';
+import '../pagination-sk';
+
+import { $$, DomReady } from 'common-sk/modules/dom';
+import { fromObject } from 'common-sk/modules/query';
+import { jsonOrThrow } from 'common-sk/modules/jsonOrThrow';
+import { define } from 'elements-sk/define';
+import { errorMessage } from 'elements-sk/errorMessage';
+import { html } from 'lit-html';
+
+import { ElementSk } from '../../../infra-sk/modules/ElementSk';
+import {
+  getFormattedTimestamp,
+  formatRepeatAfterDays,
+  shortHash,
+  chromiumCommitUrl,
+  skiaCommitUrl,
+} from '../ctfe_utils';
+
+const template = (el) => html`
+<div>
+  <h2>Chromium Builds Runs</h2>
+  <pagination-sk @page-changed=${(e) => el._pageChanged(e)}></pagination-sk>
+  <br/>
+  <table class="surface-themes-sk secondary-links runssummary" id=runssummary>
+    <tr class=primary-variant-container-themes-sk>
+      <th>Id</th>
+      <th>Chromium Commit Hash</th>
+      <th>Submitted On</th>
+      <th>Skia Commit Hash</th>
+      <th>User</th>
+      <th>Timestamps</th>
+      <th>Results></th>
+      <th>Task Repeats</th>
+    </tr>
+    ${el._tasks.map((task, index) => taskRowTemplate(el, task, index))}
+  </table>
+</div>
+
+<confirm-dialog-sk id=confirm_dialog></confirm-dialog-sk>
+<toast-sk id=confirm_toast class=primary-variant-container-themes-sk duration=5000></toast-sk>
+`;
+
+const taskRowTemplate = (el, task, index) => html`
+<tr>
+  <!-- Id col -->
+  <td class=nowrap>
+    <span>${task.Id}</span>
+    <delete-icon-sk title="Delete this task" alt=Delete ?hidden=${!task.canDelete}
+      @click=${() => el._confirmDeleteTask(index)}></delete-icon-sk>
+    <redo-icon-sk title="Redo this task" alt=Redo ?hidden=${!task.canRedo}
+      @click=${() => el._confirmRedoTask(index)}></redo-icon-sk>
+  </td>
+  <!-- Chromium Commit Hash col -->
+  <td>
+    <a href="${chromiumCommitUrl(task.ChromiumRev)}">
+            ${shortHash(task.ChromiumRev)}
+    </a>
+  </td>
+  <!-- Submitted On col -->
+  <td class=nowrap>${getFormattedTimestamp(task.ChromiumRevTs)}</td>
+  <!-- Skia Commit Hash col -->
+  <td>
+    <a href="${skiaCommitUrl(task.SkiaRev)}">
+      ${shortHash(task.SkiaRev)}
+    </a>
+  </td>
+  <!-- User col -->
+  <td>${task.Username}</td>
+  <!-- Timestamps col -->
+  <td>
+    <table class=inner-table>
+      <tr>
+        <td>Requested:</td>
+        <td class=nowrap>${getFormattedTimestamp(task.TsAdded)}</td>
+      </tr>
+      <tr>
+        <td>Started:</td>
+        <td class=nowrap>${getFormattedTimestamp(task.TsStarted)}</td>
+      </tr>
+      <tr>
+        <td>Completed:</td>
+        <td class=nowrap>${getFormattedTimestamp(task.TsCompleted)}</td>
+      </tr>
+    </table>
+  </td>
+  <!-- Results col -->
+  <td class=nowrap>
+    ${task.Failure ? html`<div class=error>Failed</div>` : ''}
+    ${!task.TaskDone ? html`<div class=green>Waiting</div>` : ''}
+    ${!task.Failure && task.TaskDone ? 'Done' : ''}
+    ${task.Log ? html`
+    <br/>
+    <a href="${task.Log}" target=_blank rel="noopener noreferrer">
+      log
+    </a>`
+    : ''}
+    ${task.SwarmingLogs ? html`
+    <br/>
+    <a href="${task.SwarmingLogs}" target=_blank rel="noopener noreferrer">
+      Swarming Logs
+    </a>`
+    : ''}
+  </td>
+  <!-- Task Repeats -->
+  <td>${formatRepeatAfterDays(task.RepeatAfterDays)}</td>
+</tr>`;
+
+define('chromium-build-runs-sk', class extends ElementSk {
+  constructor() {
+    super(template);
+    this._tasks = [];
+    this._resetPagination();
+    this._running = false;
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+    if (this._running) {
+      return;
+    }
+    this._running = true;
+    // We wait for everything to load so scaffolding event handlers are
+    // attached.
+    DomReady.then(() => {
+      this._render();
+      this._reload().then(() => {
+        this._running = false;
+      });
+    });
+  }
+
+  _pageChanged(e) {
+    this._pagination.offset = e.detail.offset;
+    this._reload();
+  }
+
+  _reload() {
+    this.dispatchEvent(new CustomEvent('begin-task', { bubbles: true }));
+    this._tasks = [];
+    const queryParams = {
+      offset: this._pagination.offset,
+      size: this._pagination.size,
+    };
+    return fetch(`/_/get_chromium_build_tasks?${fromObject(queryParams)}`,
+      { method: 'POST' })
+      .then(jsonOrThrow)
+      .then((json) => {
+        this._tasks = json.data;
+        this._pagination = json.pagination;
+        $$('pagination-sk', this).pagination = this._pagination;
+        for (let i = 0; i < this._tasks.length; i++) {
+          this._tasks[i].canDelete = json.permissions[i].DeleteAllowed;
+          this._tasks[i].canRedo = json.permissions[i].RedoAllowed;
+          this._tasks[i].Id = json.ids[i];
+        }
+      })
+      .catch(errorMessage)
+      .finally(() => {
+        this._render();
+        this.dispatchEvent(new CustomEvent('end-task', { bubbles: true }));
+      });
+  }
+
+  _confirmDeleteTask(index) {
+    const note = index >= 0
+      && this._tasks[index].TaskDone
+      && !this._tasks[index].Failure
+      ? ' Note: This build will no longer be available for running other tasks.' : '';
+    document.getElementById('confirm_dialog')
+      .open(`Proceed with deleting task?${note}`)
+      .then(() => {
+        this._deleteTask(index);
+      })
+      .catch(() => {});
+  }
+
+  _confirmRedoTask(index) {
+    document.getElementById('confirm_dialog')
+      .open('Reschedule this task?')
+      .then(() => {
+        this._redoTask(index);
+      })
+      .catch(() => {});
+  }
+
+  _deleteTask(index) {
+    const params = {};
+    params.id = this._tasks[index].Id;
+    fetch('/_/delete_chromium_build_task', { method: 'POST', body: JSON.stringify(params) })
+      .then((res) => {
+        if (res.ok) {
+          $$('#confirm_toast').innerText = `Deleted task ${params.id}`;
+          $$('#confirm_toast').show();
+          return;
+        }
+        // Non-OK status. Read the response and punt it to the catch.
+        res.text().then((text) => { throw `Failed to delete the task: ${text}`; });
+      })
+      .then(() => {
+        this._reload();
+      })
+      .catch(errorMessage);
+  }
+
+  _redoTask(index) {
+    const params = {};
+    params.id = this._tasks[index].Id;
+    fetch('/_/redo_chromium_build_task', { method: 'POST', body: JSON.stringify(params) })
+      .then((res) => {
+        if (res.ok) {
+          $$('#confirm_toast').innerText = `Resubmitted task ${params.id}`;
+          $$('#confirm_toast').show();
+          return;
+        }
+        // Non-OK status. Read the response and punt it to the catch.
+        res.text().then((text) => { throw `Failed to resubmit the task: ${text}`; });
+      })
+      .then(() => {
+        this._reload();
+      })
+      .catch(errorMessage);
+  }
+
+
+  _resetPagination() {
+    this._pagination = { offset: 0, size: 10 };
+  }
+});
diff --git a/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.scss b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.scss
new file mode 100644
index 0000000..10a6d0b
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk.scss
@@ -0,0 +1,55 @@
+@import '../colors.css';
+
+chromium-build-runs-sk {
+  div.dialog-background {
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    position: fixed;
+    overflow: auto;
+    left: 0;
+    top: 0;
+  }
+  div.hidden {
+    display: none;
+  }
+  div.dialog-content {
+    min-width: 200px;
+    max-width: calc(100% - 10px);
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    padding: 2em;
+    border-radius: 1em;
+  }
+  table.runssummary > tbody > tr > td, table.runssummary>tbody>tr>th {
+      padding: 10px;
+      border: solid black 1px;
+    }
+  table.runssummary {
+    border-spacing: 0px;
+    padding-top: 2em;
+    padding-left: 2em;
+    th {
+      text-align: center;
+    }
+    td.nowrap {
+      white-space: nowrap;
+    }
+  }
+
+  table.inner-table {
+    td {
+      border: none;
+      .nowrap {
+        white-space: nowrap;
+      }
+    }
+  }
+}
+
+/* Outside chromium-build-runs-sk because darkmode exists outside it. */
+.darkmode .queue a {
+  color: var(--secondary);
+}
diff --git a/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk_test.js b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk_test.js
new file mode 100644
index 0000000..a37197e
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/chromium-build-runs-sk_test.js
@@ -0,0 +1,71 @@
+import './index';
+
+import { $, $$ } from 'common-sk/modules/dom';
+import { fetchMock } from 'fetch-mock';
+
+import {
+  tasksResult0, tasksResult1,
+} from './test_data';
+import {
+  eventPromise,
+  setUpElementUnderTest,
+} from '../../../infra-sk/modules/test_util';
+
+describe('chromium-build-runs-sk', () => {
+  const newInstance = setUpElementUnderTest('chromium-build-runs-sk');
+  fetchMock.config.overwriteRoutes = false;
+
+  let analysisRuns;
+  beforeEach(async () => {
+    await expectReload(() => analysisRuns = newInstance());
+  });
+
+  afterEach(() => {
+    //  Check all mock fetches called at least once and reset.
+    expect(fetchMock.done()).to.be.true;
+    fetchMock.reset();
+  });
+
+  // Expect 'trigger' to cause a reload, and execute it.
+  // Optionally pass desired result from server.
+  const expectReload = async (trigger, result) => {
+    result = result || tasksResult0;
+    const event = eventPromise('end-task');
+    fetchMock.postOnce('begin:/_/get_chromium_build_tasks', result);
+    trigger();
+    await event;
+  };
+
+  const confirmDialog = () => $$('dialog', analysisRuns).querySelectorAll('button')[1].click();
+
+  it('shows table entries', async () => {
+    expect($('table.runssummary>tbody>tr', analysisRuns)).to.have.length(6);
+    expect(fetchMock.lastUrl()).to.contain('offset=0');
+    expect(fetchMock.lastUrl()).to.contain('size=10');
+  });
+
+  it('navigates with pages', async () => {
+    expect(fetchMock.lastUrl()).to.contain('offset=0');
+    const result = tasksResult1;
+    result.pagination.offset = 10;
+    // 'Next page' button.
+    await expectReload(
+      () => $('pagination-sk button.action', analysisRuns)[2].click(), result);
+    expect(fetchMock.lastUrl()).to.contain('offset=10');
+    expect($('table.runssummary>tbody>tr', analysisRuns)).to.have.length(5);
+  });
+
+  it('deletes tasks', async () => {
+    $$('delete-icon-sk', analysisRuns).click();
+    fetchMock.post('begin:/_/delete_chromium_build_task', 200);
+    await expectReload(confirmDialog);
+    expect(fetchMock.lastOptions('begin:/_/delete').body).to.contain('"id":23');
+  });
+
+  it('reschedules tasks', async () => {
+    $$('redo-icon-sk', analysisRuns).click();
+    fetchMock.post('begin:/_/redo_chromium_build_task', 200);
+    await expectReload(confirmDialog);
+    expect(fetchMock.lastOptions('begin:/_/redo').body).to.contain('"id":23');
+  });
+});
diff --git a/ct/modules/chromium-build-runs-sk/index.js b/ct/modules/chromium-build-runs-sk/index.js
new file mode 100644
index 0000000..7a020c9
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/index.js
@@ -0,0 +1,2 @@
+import './chromium-build-runs-sk';
+import './chromium-build-runs-sk.scss';
diff --git a/ct/modules/chromium-build-runs-sk/test_data.js b/ct/modules/chromium-build-runs-sk/test_data.js
new file mode 100644
index 0000000..6241d2e
--- /dev/null
+++ b/ct/modules/chromium-build-runs-sk/test_data.js
@@ -0,0 +1,40 @@
+export const tasksResult0 = {
+  data: [{
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 7, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }],
+  ids: [23, 24, 25, 26, 27],
+  pagination: { offset: 0, size: 10, total: 50 },
+  permissions: [{ DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }],
+};
+export const tasksResult1 = {
+  data: [{
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 7, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }],
+  ids: [5094, 5091, 5084, 5082],
+  pagination: { offset: 10, size: 10, total: 50 },
+  permissions: [{ DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }],
+};
+export const tasksResult2 = {
+  data: [{
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }, {
+    DatastoreKey: 'ASHADSJDGHDSGHJSDGDFSHTDSHDGDFGEGFDGHEGADFGADFGDSFGSDGDSEG', TsAdded: 20190816203823, TsStarted: 20190816203852, TsCompleted: 20190816211219, Username: 'someone@google.com', Failure: false, RepeatAfterDays: 0, SwarmingLogs: 'https://chrome-swarming.appspot.com/tasklist?l=500\u0026c=name\u0026c=created_ts\u0026c=bot\u0026c=duration\u0026c=state\u0026f=runid:rmistry-20190816203852\u0026st=1262304000000', TaskDone: true, SwarmingTaskID: '', ChromiumRev: 'b059b73778dd4be764b0abe26394306123c396f8', ChromiumRevTs: 20190816203800, SkiaRev: '237a95fe7b28ea2629808885c056db51580902fb',
+  }],
+  ids: [5065, 5063],
+  pagination: { offset: 20, size: 10, total: 50 },
+  permissions: [{ DeleteAllowed: true, RedoAllowed: true }, { DeleteAllowed: true, RedoAllowed: true }],
+};