| // Copyright 2020 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import {assert} from 'chai'; |
| |
| import {$, $$, click, getBrowserAndPages, goToResource, step, waitFor, waitForFunction} from '../../shared/helper.js'; |
| import {describe, it} from '../../shared/mocha-extensions.js'; |
| import {checkIfTabExistsInDrawer, DRAWER_PANEL_SELECTOR} from '../helpers/cross-tool-helper.js'; |
| import { |
| addBreakpointForLine, |
| inspectMemory, |
| openSourceCodeEditorForFile, |
| PAUSE_INDICATOR_SELECTOR, |
| reloadPageAndWaitForSourceFile, |
| RESUME_BUTTON, |
| retrieveTopCallFrameWithoutResuming, |
| } from '../helpers/sources-helpers.js'; |
| |
| const LINEAR_MEMORY_INSPECTOR_TAB_SELECTOR = '#tab-linear-memory-inspector'; |
| const LINEAR_MEMORY_INSPECTOR_TABBED_PANE_SELECTOR = DRAWER_PANEL_SELECTOR + ' .tabbed-pane'; |
| const LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR = '.tabbed-pane-header-tab'; |
| const LINEAR_MEMORY_INSPECTOR_TAB_TITLE_SELECTOR = '.tabbed-pane-header-tab-title'; |
| |
| describe('Scope View', async () => { |
| it('opens linear memory inspector', async () => { |
| const {frontend, target} = getBrowserAndPages(); |
| const breakpointLine = '0x039'; |
| const fileName = 'memory.wasm'; |
| |
| await step('navigate to a page and open the Sources tab', async () => { |
| await openSourceCodeEditorForFile('memory.wasm', 'wasm/memory.html'); |
| }); |
| |
| await step(`add a breakpoint to line No.${breakpointLine}`, async () => { |
| await addBreakpointForLine(frontend, breakpointLine); |
| }); |
| |
| await step('reload the page', async () => { |
| await reloadPageAndWaitForSourceFile(target, fileName); |
| }); |
| |
| await step('expand the module scope', async () => { |
| await click('[aria-label="Module"]'); |
| await waitFor('[aria-label="Module"][aria-expanded="true"]'); |
| }); |
| |
| await step('open linear memory inspector from context menu', async () => { |
| await waitFor('[data-object-property-name-for-test="memories"][aria-expanded="true"]'); |
| await inspectMemory('$imports.memory'); |
| }); |
| |
| await step('check that linear memory inspector drawer is open', async () => { |
| const drawerIsOpen = await checkIfTabExistsInDrawer(LINEAR_MEMORY_INSPECTOR_TAB_SELECTOR); |
| assert.isTrue(drawerIsOpen); |
| }); |
| |
| await step('check that opened linear memory inspector has correct title', async () => { |
| const lmiTabbedPane = await waitFor(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_SELECTOR); |
| const titleElement = await waitFor(LINEAR_MEMORY_INSPECTOR_TAB_TITLE_SELECTOR, lmiTabbedPane); |
| assert.isNotNull(titleElement); |
| const title = await frontend.evaluate(x => (x as HTMLElement).innerText, titleElement); |
| |
| assert.strictEqual(title, 'Memory(100)'); |
| }); |
| }); |
| |
| it('opens one linear memory inspector per ArrayBuffer', async () => { |
| const {frontend} = getBrowserAndPages(); |
| |
| await step('navigate to a page', async () => { |
| await goToResource('sources/memory-workers.rawresponse'); |
| }); |
| |
| await step('wait for debugging to start', async () => { |
| await waitFor(RESUME_BUTTON); |
| }); |
| |
| await step('open linear memory inspector from context menu', async () => { |
| await inspectMemory('sharedMem'); |
| }); |
| |
| await step('check that linear memory inspector drawer is open', async () => { |
| const drawerIsOpen = await checkIfTabExistsInDrawer(LINEAR_MEMORY_INSPECTOR_TAB_SELECTOR); |
| assert.isTrue(drawerIsOpen); |
| }); |
| |
| const lmiTabbedPane = await waitFor(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_SELECTOR); |
| await step('check that opened linear memory inspector has correct title', async () => { |
| const titleElement = await waitFor(LINEAR_MEMORY_INSPECTOR_TAB_TITLE_SELECTOR, lmiTabbedPane); |
| assert.isNotNull(titleElement); |
| const title = await frontend.evaluate(x => (x as HTMLElement).innerText, titleElement); |
| |
| assert.strictEqual(title, 'SharedArrayBuffer(16)'); |
| }); |
| |
| // Save this as we will select it multiple times |
| const sharedBufferTab = await $(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR, lmiTabbedPane); |
| if (!sharedBufferTab) { |
| // Throw here to satisfy TypeScript |
| throw new Error('Failed to get tab'); |
| } |
| |
| await step('open other buffer', async () => { |
| await inspectMemory('memory2'); |
| // Wait until two tabs are open |
| await waitFor( |
| `${LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR} + ${LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR}`, |
| lmiTabbedPane); |
| // Shared buffer tab no longer active |
| await waitForFunction(() => { |
| return sharedBufferTab.evaluate(e => e.getAttribute('aria-selected') === 'false'); |
| }); |
| }); |
| |
| await step('open first buffer again by way of its typed array', async () => { |
| await inspectMemory('sharedArray'); |
| // Shared buffer should be selected again |
| await waitForFunction(() => { |
| return sharedBufferTab.evaluate(e => e.getAttribute('aria-selected') === 'true'); |
| }); |
| // There should only be two tabs |
| await waitForFunction(async () => { |
| const tabs = await $$(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR, lmiTabbedPane); |
| return tabs.length === 2; |
| }); |
| }); |
| |
| await step('resume and pause in other worker (hitting a debugger statement)', async () => { |
| // Continue execution in this worker. |
| await click(RESUME_BUTTON); |
| |
| // Wait until we pause in the other worker. |
| await waitFor(PAUSE_INDICATOR_SELECTOR); |
| const scriptLocation = await retrieveTopCallFrameWithoutResuming(); |
| assert.deepEqual(scriptLocation, 'memory-worker1.rawresponse:10'); |
| }); |
| |
| await step('open other buffer in other worker', async () => { |
| await inspectMemory('memory1'); |
| // Shared buffer tab no longer active |
| await waitForFunction(() => { |
| return sharedBufferTab.evaluate(e => e.getAttribute('aria-selected') === 'false'); |
| }); |
| // Now there are three tabs |
| await waitForFunction(async () => { |
| const tabs = await $$(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR, lmiTabbedPane); |
| return tabs.length === 3; |
| }); |
| }); |
| |
| await step('open shared buffer in other worker', async () => { |
| await inspectMemory('sharedArr'); |
| // Shared buffer tab active again |
| await waitForFunction(() => { |
| return sharedBufferTab.evaluate(e => e.getAttribute('aria-selected') === 'true'); |
| }); |
| // Still three tabs |
| await waitForFunction(async () => { |
| const tabs = await $$(LINEAR_MEMORY_INSPECTOR_TABBED_PANE_TAB_SELECTOR, lmiTabbedPane); |
| return tabs.length === 3; |
| }); |
| }); |
| }); |
| }); |