| import './index'; |
| import 'elements-sk/error-toast-sk'; |
| import fetchMock from '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', |
| })); |
| |
| // Insert the element later, which should given enough time for fetchMock to be in place. |
| customElements.whenDefined('alerts-page-sk').then(() => { |
| document.querySelectorAll('h1').forEach((header) => { |
| header.insertAdjacentElement( |
| 'afterend', |
| document.createElement('alerts-page-sk'), |
| ); |
| }); |
| }); |