chrome-devtools-frontend
Version:
Chrome DevTools UI
1,250 lines (1,086 loc) • 60.4 kB
JavaScript
// Copyright 2010 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/**
* @file This file contains small testing framework along with the
* test suite for the frontend. These tests are a part of the continues build
* and are executed by the devtools_browsertest.cc as a part of the
* Interactive UI Test suite.
* FIXME: change field naming style to use trailing underscore.
*/
(function createTestSuite(window) {
// 'Tests.js' is loaded as a classic script so we can't use static imports for these modules.
/** @type {import('./core/common/common.js')} */
let Common;
/** @type {import('./core/host/host.js')} */
let HostModule;
/** @type {import('./core/root/root.js')} */
let Root;
/** @type {import('./core/sdk/sdk.js')} */
let SDK;
/** @type {import('./ui/legacy/legacy.js')} */
let UI;
/** @type {import('./models/workspace/workspace.js')} */
let Workspace;
const TestSuite = class {
/**
* Test suite for interactive UI tests.
* @param domAutomationController DomAutomationController instance.
*/
constructor(domAutomationController) {
this.domAutomationController_ = domAutomationController;
this.controlTaken_ = false;
this.timerId_ = -1;
this._asyncInvocationId = 0;
}
/**
* Key event with given key identifier.
*/
static createKeyEvent(key) {
return new KeyboardEvent('keydown', {bubbles: true, cancelable: true, key});
}
};
/**
* Reports test failure.
* @param message Failure description.
*/
TestSuite.prototype.fail = function(message) {
if (this.controlTaken_) {
this.reportFailure_(message);
} else {
throw message;
}
};
/**
* Equals assertion tests that expected === actual.
* @param expected Expected object.
* @param actual Actual object.
* @param opt_message User message to print if the test fails.
*/
TestSuite.prototype.assertEquals = function(expected, actual, opt_message) {
if (expected !== actual) {
let message = 'Expected: \'' + expected + '\', but was \'' + actual + '\'';
if (opt_message) {
message = opt_message + '(' + message + ')';
}
this.fail(message);
}
};
/**
* True assertion tests that value == true.
* @param value Actual object.
* @param opt_message User message to print if the test fails.
*/
TestSuite.prototype.assertTrue = function(value, opt_message) {
this.assertEquals(true, Boolean(value), opt_message);
};
/**
* Takes control over execution.
* @param options
*/
TestSuite.prototype.takeControl = function(options) {
const {slownessFactor} = {slownessFactor: 1, ...options};
this.controlTaken_ = true;
// Set up guard timer.
const self = this;
const timeoutInSec = 20 * slownessFactor;
this.timerId_ = setTimeout(function() {
self.reportFailure_(`Timeout exceeded: ${timeoutInSec} sec`);
}, timeoutInSec * 1000);
};
/**
* Releases control over execution.
*/
TestSuite.prototype.releaseControl = function() {
if (this.timerId_ !== -1) {
clearTimeout(this.timerId_);
this.timerId_ = -1;
}
this.controlTaken_ = false;
this.reportOk_();
};
/**
* Async tests use this one to report that they are completed.
*/
TestSuite.prototype.reportOk_ = function() {
this.domAutomationController_.send('[OK]');
};
/**
* Async tests use this one to report failures.
*/
TestSuite.prototype.reportFailure_ = function(error) {
if (this.timerId_ !== -1) {
clearTimeout(this.timerId_);
this.timerId_ = -1;
}
this.domAutomationController_.send('[FAILED] ' + error);
};
TestSuite.prototype.setupLegacyFilesForTest = async function() {
// 'Tests.js' is executed on 'about:blank' so we can't use `import` directly without
// specifying the full devtools://devtools/bundled URL.
([
Common,
HostModule,
Root,
SDK,
UI,
Workspace,
] =
await Promise.all([
self.runtime.loadLegacyModule('core/common/common.js'),
self.runtime.loadLegacyModule('core/host/host.js'),
self.runtime.loadLegacyModule('core/root/root.js'),
self.runtime.loadLegacyModule('core/sdk/sdk.js'),
self.runtime.loadLegacyModule('ui/legacy/legacy.js'),
self.runtime.loadLegacyModule('models/workspace/workspace.js'),
]));
// We have to map 'Host.InspectorFrontendHost' as the C++ uses it directly.
self.Host = {};
self.Host.InspectorFrontendHost = HostModule.InspectorFrontendHost.InspectorFrontendHostInstance;
self.Host.InspectorFrontendHostAPI = HostModule.InspectorFrontendHostAPI;
};
/**
* Run specified test on a fresh instance of the test suite.
* @param args method name followed by its parameters.
*/
TestSuite.prototype.dispatchOnTestSuite = async function(args) {
const methodName = args.shift();
try {
await this[methodName].apply(this, args);
if (!this.controlTaken_) {
this.reportOk_();
}
} catch (e) {
this.reportFailure_(e);
}
};
/**
* Wrap an async method with TestSuite.{takeControl(), releaseControl()}
* and invoke TestSuite.reportOk_ upon completion.
* @param args method name followed by its parameters.
*/
TestSuite.prototype.waitForAsync = function(var_args) {
const args = Array.prototype.slice.call(arguments);
this.takeControl();
args.push(this.releaseControl.bind(this));
this.dispatchOnTestSuite(args);
};
/**
* Overrides the method with specified name until it's called first time.
* @param receiver An object whose method to override.
* @param methodName Name of the method to override.
* @param override A function that should be called right after the
* overridden method returns.
* @param opt_sticky Whether restore original method after first run
* or not.
*/
TestSuite.prototype.addSniffer = function(receiver, methodName, override, opt_sticky) {
const orig = receiver[methodName];
if (typeof orig !== 'function') {
this.fail('Cannot find method to override: ' + methodName);
}
const test = this;
receiver[methodName] = function(var_args) {
let result;
try {
result = orig.apply(this, arguments);
} finally {
if (!opt_sticky) {
receiver[methodName] = orig;
}
}
// In case of exception the override won't be called.
try {
override.apply(this, arguments);
} catch (e) {
test.fail('Exception in overriden method \'' + methodName + '\': ' + e);
}
return result;
};
};
/**
* Waits for current throttler invocations, if any.
* @param throttler
* @param callback
*/
TestSuite.prototype.waitForThrottler = function(throttler, callback) {
const test = this;
let scheduleShouldFail = true;
test.addSniffer(throttler, 'schedule', onSchedule);
function hasSomethingScheduled() {
return throttler._isRunningProcess || throttler._process;
}
function checkState() {
if (!hasSomethingScheduled()) {
scheduleShouldFail = false;
callback();
return;
}
test.addSniffer(throttler, 'processCompletedForTests', checkState);
}
function onSchedule() {
if (scheduleShouldFail) {
test.fail('Unexpected Throttler.schedule');
}
}
checkState();
};
/**
* @param panelName Name of the panel to show.
*/
TestSuite.prototype.showPanel = function(panelName) {
return UI.InspectorView.InspectorView.instance().showPanel(panelName);
};
// UI Tests
/**
* Tests that scripts tab can be open and populated with inspected scripts.
*/
TestSuite.prototype.testShowScriptsTab = function() {
const test = this;
this.showPanel('sources').then(function() {
// There should be at least main page script.
this._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
test.releaseControl();
});
}.bind(this));
// Wait until all scripts are added to the debugger.
this.takeControl();
};
/**
* Tests that Recorder tab can be open.
*/
TestSuite.prototype.testShowRecorderTab = function() {
this.showPanel('chrome-recorder')
.then(() => {
this.releaseControl();
})
.catch(err => {
this.fail('Loading Recorder panel failed: ' + err.message);
});
this.takeControl();
};
/**
* Tests that scripts list contains content scripts.
*/
TestSuite.prototype.testContentScriptIsPresent = function() {
const test = this;
this.showPanel('sources').then(function() {
test._waitUntilScriptsAreParsed(['page_with_content_script.html', 'simple_content_script.js'], function() {
test.releaseControl();
});
});
// Wait until all scripts are added to the debugger.
this.takeControl();
};
/**
* Tests that scripts are not duplicaed on Scripts tab switch.
*/
TestSuite.prototype.testNoScriptDuplicatesOnPanelSwitch = function() {
const test = this;
function switchToElementsTab() {
test.showPanel('elements').then(function() {
setTimeout(switchToScriptsTab, 0);
});
}
function switchToScriptsTab() {
test.showPanel('sources').then(function() {
setTimeout(checkScriptsPanel, 0);
});
}
function checkScriptsPanel() {
test.assertTrue(test._scriptsAreParsed(['debugger_test_page.html']), 'Some scripts are missing.');
checkNoDuplicates();
test.releaseControl();
}
function checkNoDuplicates() {
const uiSourceCodes = test.nonAnonymousUISourceCodes_();
for (let i = 0; i < uiSourceCodes.length; i++) {
for (let j = i + 1; j < uiSourceCodes.length; j++) {
test.assertTrue(
uiSourceCodes[i].url() !== uiSourceCodes[j].url(),
'Found script duplicates: ' + test.uiSourceCodesToString_(uiSourceCodes));
}
}
}
this.showPanel('sources').then(function() {
test._waitUntilScriptsAreParsed(['debugger_test_page.html'], function() {
checkNoDuplicates();
setTimeout(switchToElementsTab, 0);
});
});
// Wait until all scripts are added to the debugger.
this.takeControl({slownessFactor: 10});
};
// Tests that debugger works correctly if pause event occurs when DevTools
// frontend is being loaded.
TestSuite.prototype.testPauseWhenLoadingDevTools = function() {
const debuggerModel =
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DebuggerModel.DebuggerModel);
if (debuggerModel.debuggerPausedDetails) {
return;
}
this.showPanel('sources').then(function() {
// Script execution can already be paused.
this._waitForScriptPause(this.releaseControl.bind(this));
}.bind(this));
this.takeControl();
};
/**
* Tests network size.
*/
TestSuite.prototype.testNetworkSize = function() {
const test = this;
function finishRequest(request, finishTime) {
test.assertEquals(25, request.resourceSize, 'Incorrect total data length');
test.releaseControl();
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest);
// Reload inspected page to sniff network events
test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
this.takeControl({slownessFactor: 10});
};
/**
* Tests network sync size.
*/
TestSuite.prototype.testNetworkSyncSize = function() {
const test = this;
function finishRequest(request, finishTime) {
test.assertEquals(25, request.resourceSize, 'Incorrect total data length');
test.releaseControl();
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest);
// Send synchronous XHR to sniff network events
test.evaluateInConsole_(
'let xhr = new XMLHttpRequest(); xhr.open("GET", "chunked", false); xhr.send(null);', function() {});
this.takeControl({slownessFactor: 10});
};
/**
* Tests network raw headers text.
*/
TestSuite.prototype.testNetworkRawHeadersText = function() {
const test = this;
function finishRequest(request, finishTime) {
if (!request.responseHeadersText) {
test.fail('Failure: resource does not have response headers text');
}
const index = request.responseHeadersText.indexOf('Date:');
test.assertEquals(
112, request.responseHeadersText.substring(index).length, 'Incorrect response headers text length');
test.releaseControl();
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest);
// Reload inspected page to sniff network events
test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
this.takeControl({slownessFactor: 10});
};
/**
* Tests network timing.
*/
TestSuite.prototype.testNetworkTiming = function() {
const test = this;
function finishRequest(request, finishTime) {
// Setting relaxed expectations to reduce flakiness.
// Server sends headers after 100ms, then sends data during another 100ms.
// We expect these times to be measured at least as 70ms.
test.assertTrue(
request.timing.receiveHeadersEnd - request.timing.connectStart >= 70,
'Time between receiveHeadersEnd and connectStart should be >=70ms, but was ' +
'receiveHeadersEnd=' + request.timing.receiveHeadersEnd +
', connectStart=' + request.timing.connectStart + '.');
test.assertTrue(
request.responseReceivedTime - request.startTime >= 0.07,
'Time between responseReceivedTime and startTime should be >=0.07s, but was ' +
'responseReceivedTime=' + request.responseReceivedTime + ', startTime=' + request.startTime + '.');
test.assertTrue(
request.endTime - request.startTime >= 0.14,
'Time between endTime and startTime should be >=0.14s, but was ' +
'endtime=' + request.endTime + ', startTime=' + request.startTime + '.');
test.releaseControl();
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest);
// Reload inspected page to sniff network events
test.evaluateInConsole_('window.location.reload(true);', function(resultText) {});
this.takeControl({slownessFactor: 10});
};
TestSuite.prototype.testPushTimes = function(url) {
const test = this;
let pendingRequestCount = 2;
function finishRequest(request, finishTime) {
test.assertTrue(
typeof request.timing.pushStart === 'number' && request.timing.pushStart > 0,
`pushStart is invalid: ${request.timing.pushStart}`);
test.assertTrue(typeof request.timing.pushEnd === 'number', `pushEnd is invalid: ${request.timing.pushEnd}`);
test.assertTrue(request.timing.pushStart < request.startTime, 'pushStart should be before startTime');
if (request.url().endsWith('?pushUseNullEndTime')) {
test.assertTrue(request.timing.pushEnd === 0, `pushEnd should be 0 but is ${request.timing.pushEnd}`);
} else {
test.assertTrue(
request.timing.pushStart < request.timing.pushEnd,
`pushStart should be before pushEnd (${request.timing.pushStart} >= ${request.timing.pushEnd})`);
// The below assertion is just due to the way we generate times in the moch URLRequestJob and is not generally an invariant.
test.assertTrue(request.timing.pushEnd < request.endTime, 'pushEnd should be before endTime');
test.assertTrue(request.startTime < request.timing.pushEnd, 'pushEnd should be after startTime');
}
if (!--pendingRequestCount) {
test.releaseControl();
}
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest, true);
test.evaluateInConsole_('addImage(\'' + url + '\')', function(resultText) {});
test.evaluateInConsole_('addImage(\'' + url + '?pushUseNullEndTime\')', function(resultText) {});
this.takeControl();
};
TestSuite.prototype.testConsoleOnNavigateBack = function() {
function filteredMessages() {
return SDK.ConsoleModel.ConsoleModel.allMessagesUnordered().filter(
a => a.source !== Protocol.Log.LogEntrySource.Violation);
}
if (filteredMessages().length === 1) {
firstConsoleMessageReceived.call(this, null);
} else {
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
}
function firstConsoleMessageReceived(event) {
if (event && event.data.source === Protocol.Log.LogEntrySource.Violation) {
return;
}
SDK.TargetManager.TargetManager.instance().removeModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, firstConsoleMessageReceived, this);
this.evaluateInConsole_('clickLink();', didClickLink.bind(this));
}
function didClickLink() {
// Check that there are no new messages(command is not a message).
this.assertEquals(3, filteredMessages().length);
this.evaluateInConsole_('history.back();', didNavigateBack.bind(this));
}
function didNavigateBack() {
// Make sure navigation completed and possible console messages were pushed.
this.evaluateInConsole_('void 0;', didCompleteNavigation.bind(this));
}
function didCompleteNavigation() {
this.assertEquals(7, filteredMessages().length);
this.releaseControl();
}
this.takeControl();
};
TestSuite.prototype.testSharedWorker = function() {
function didEvaluateInConsole(resultText) {
this.assertEquals('2011', resultText);
this.releaseControl();
}
this.evaluateInConsole_('globalVar', didEvaluateInConsole.bind(this));
this.takeControl();
};
TestSuite.prototype.testPauseInSharedWorkerInitialization1 = function() {
// Make sure the worker is loaded.
this.takeControl();
this._waitForTargets(1, callback.bind(this));
function callback() {
ProtocolClient.test.deprecatedRunAfterPendingDispatches(this.releaseControl.bind(this));
}
};
TestSuite.prototype.testPauseInSharedWorkerInitialization2 = function() {
this.takeControl();
this._waitForTargets(1, callback.bind(this));
function callback() {
const debuggerModel = SDK.TargetManager.TargetManager.instance().models(SDK.DebuggerModel.DebuggerModel)[0];
if (debuggerModel.isPaused()) {
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
debuggerModel.resume();
return;
}
this._waitForScriptPause(callback.bind(this));
}
function onConsoleMessage(event) {
const message = event.data.messageText;
if (message !== 'connected') {
this.fail('Unexpected message: ' + message);
}
this.releaseControl();
}
};
TestSuite.prototype.testSharedWorkerNetworkPanel = function() {
this.takeControl();
this.showPanel('network').then(() => {
if (!document.querySelector('#network-container')) {
this.fail('unable to find #network-container');
}
this.releaseControl();
});
};
TestSuite.prototype.enableTouchEmulation = function() {
const deviceModeModel = new Emulation.DeviceModeModel(function() {});
deviceModeModel._target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
deviceModeModel._applyTouch(true, true);
};
TestSuite.prototype.waitForDebuggerPaused = function() {
const debuggerModel =
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.model(SDK.DebuggerModel.DebuggerModel);
if (debuggerModel.debuggerPausedDetails) {
return;
}
this.takeControl();
this._waitForScriptPause(this.releaseControl.bind(this));
};
TestSuite.prototype.switchToPanel = function(panelName) {
this.showPanel(panelName).then(this.releaseControl.bind(this));
this.takeControl();
};
// Regression test for crbug.com/370035.
TestSuite.prototype.testDeviceMetricsOverrides = function() {
function dumpPageMetrics() {
return JSON.stringify(
{width: window.innerWidth, height: window.innerHeight, deviceScaleFactor: window.devicePixelRatio});
}
const test = this;
async function testOverrides(params, metrics, callback) {
await SDK.TargetManager.TargetManager.instance()
.primaryPageTarget()
?.emulationAgent()
.invoke_setDeviceMetricsOverride(params);
test.evaluateInConsole_('(' + dumpPageMetrics.toString() + ')()', checkMetrics);
function checkMetrics(consoleResult) {
test.assertEquals(
`'${JSON.stringify(metrics)}'`, consoleResult, 'Wrong metrics for params: ' + JSON.stringify(params));
callback();
}
}
function step1() {
testOverrides(
{width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: true},
{width: 1200, height: 1000, deviceScaleFactor: 1}, step2);
}
function step2() {
testOverrides(
{width: 1200, height: 1000, deviceScaleFactor: 1, mobile: false, fitWindow: false},
{width: 1200, height: 1000, deviceScaleFactor: 1}, step3);
}
function step3() {
testOverrides(
{width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: true},
{width: 1200, height: 1000, deviceScaleFactor: 3}, step4);
}
function step4() {
testOverrides(
{width: 1200, height: 1000, deviceScaleFactor: 3, mobile: false, fitWindow: false},
{width: 1200, height: 1000, deviceScaleFactor: 3}, finish);
}
function finish() {
test.releaseControl();
}
test.takeControl();
step1();
};
TestSuite.prototype.testDispatchKeyEventShowsAutoFill = function() {
const test = this;
let receivedReady = false;
function signalToShowAutofill() {
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'rawKeyDown', key: 'Down', windowsVirtualKeyCode: 40, nativeVirtualKeyCode: 40});
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'keyUp', key: 'Down', windowsVirtualKeyCode: 40, nativeVirtualKeyCode: 40});
}
function selectTopAutoFill() {
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'rawKeyDown', key: 'Enter', windowsVirtualKeyCode: 13, nativeVirtualKeyCode: 13});
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'keyUp', key: 'Enter', windowsVirtualKeyCode: 13, nativeVirtualKeyCode: 13});
test.evaluateInConsole_('document.getElementById("name").value', onResultOfInput);
}
function onResultOfInput(value) {
// Console adds '' around the response.
test.assertEquals('\'Abbf\'', value);
test.releaseControl();
}
function onConsoleMessage(event) {
const message = event.data.messageText;
if (message === 'ready' && !receivedReady) {
receivedReady = true;
signalToShowAutofill();
}
// This log comes from the browser unittest code.
if (message === 'didShowSuggestions') {
selectTopAutoFill();
}
}
this.takeControl({slownessFactor: 10});
// It is possible for the ready console messagage to be already received but not handled
// or received later. This ensures we can catch both cases.
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
const messages = SDK.ConsoleModel.ConsoleModel.allMessagesUnordered();
if (messages.length) {
const text = messages[0].messageText;
this.assertEquals('ready', text);
signalToShowAutofill();
}
};
TestSuite.prototype.testKeyEventUnhandled = function() {
function onKeyEventUnhandledKeyDown(event) {
this.assertEquals('keydown', event.data.type);
this.assertEquals('F8', event.data.key);
this.assertEquals(119, event.data.keyCode);
this.assertEquals(0, event.data.modifiers);
this.assertEquals('', event.data.code);
Host.InspectorFrontendHost.events.removeEventListener(
Host.InspectorFrontendHostAPI.Events.KeyEventUnhandled, onKeyEventUnhandledKeyDown, this);
Host.InspectorFrontendHost.events.addEventListener(
Host.InspectorFrontendHostAPI.Events.KeyEventUnhandled, onKeyEventUnhandledKeyUp, this);
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'keyUp', key: 'F8', code: 'F8', windowsVirtualKeyCode: 119, nativeVirtualKeyCode: 119});
}
function onKeyEventUnhandledKeyUp(event) {
this.assertEquals('keyup', event.data.type);
this.assertEquals('F8', event.data.key);
this.assertEquals(119, event.data.keyCode);
this.assertEquals(0, event.data.modifiers);
this.assertEquals('F8', event.data.code);
this.releaseControl();
}
this.takeControl();
Host.InspectorFrontendHost.events.addEventListener(
Host.InspectorFrontendHostAPI.Events.KeyEventUnhandled, onKeyEventUnhandledKeyDown, this);
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'rawKeyDown', key: 'F8', windowsVirtualKeyCode: 119, nativeVirtualKeyCode: 119});
};
// Tests that the keys that are forwarded from the browser update
// when their shortcuts change
TestSuite.prototype.testForwardedKeysChanged = function() {
this.takeControl();
this.addSniffer(UI.ShortcutRegistry.ShortcutRegistry.instance(), 'registerBindings', () => {
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'rawKeyDown', key: 'F1', windowsVirtualKeyCode: 112, nativeVirtualKeyCode: 112});
});
this.addSniffer(UI.ShortcutRegistry.ShortcutRegistry.instance(), 'handleKey', key => {
this.assertEquals(112, key);
this.releaseControl();
});
Common.Settings.moduleSetting('active-keybind-set').set('vsCode');
};
TestSuite.prototype.testDispatchKeyEventDoesNotCrash = function() {
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'rawKeyDown', windowsVirtualKeyCode: 0x23, key: 'End'});
SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent().invoke_dispatchKeyEvent(
{type: 'keyUp', windowsVirtualKeyCode: 0x23, key: 'End'});
};
// Check that showing the certificate viewer does not crash, crbug.com/954874
TestSuite.prototype.testShowCertificate = function() {
Host.InspectorFrontendHost.showCertificateViewer([
'MIIFIDCCBAigAwIBAgIQE0TsEu6R8FUHQv+9fE7j8TANBgkqhkiG9w0BAQsF' +
'ADBUMQswCQYDVQQGEwJVUzEeMBwGA1UEChMVR29vZ2xlIFRydXN0IFNlcnZp' +
'Y2VzMSUwIwYDVQQDExxHb29nbGUgSW50ZXJuZXQgQXV0aG9yaXR5IEczMB4X' +
'DTE5MDMyNjEzNDEwMVoXDTE5MDYxODEzMjQwMFowZzELMAkGA1UEBhMCVVMx' +
'EzARBgNVBAgMCkNhbGlmb3JuaWExFjAUBgNVBAcMDU1vdW50YWluIFZpZXcx' +
'EzARBgNVBAoMCkdvb2dsZSBMTEMxFjAUBgNVBAMMDSouYXBwc3BvdC5jb20w' +
'ggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCwca7hj0kyoJVxcvyA' +
'a8zNKMIXcoPM3aU1KVe7mxZITtwC6/D/D/q4Oe8fBQLeZ3c6qR5Sr3M+611k' +
'Ab15AcGUgh1Xi0jZqERvd/5+P0aVCFJYeoLrPBzwSMZBStkoiO2CwtV8x06e' +
'X7qUz7Hvr3oeG+Ma9OUMmIebl//zHtC82mE0mCRBQAW0MWEgT5nOWey74tJR' +
'GRqUEI8ftV9grAshD5gY8kxxUoMfqrreaXVqcRF58ZPiwUJ0+SbtC5q9cJ+K' +
'MuYM4TCetEuk/WQsa+1EnSa40dhGRtZjxbwEwQAJ1vLOcIA7AVR/Ck22Uj8X' +
'UOECercjUrKdDyaAPcLp2TThAgMBAAGjggHZMIIB1TATBgNVHSUEDDAKBggr' +
'BgEFBQcDATCBrwYDVR0RBIGnMIGkgg0qLmFwcHNwb3QuY29tggsqLmEucnVu' +
'LmFwcIIVKi50aGlua3dpdGhnb29nbGUuY29tghAqLndpdGhnb29nbGUuY29t' +
'ghEqLndpdGh5b3V0dWJlLmNvbYILYXBwc3BvdC5jb22CB3J1bi5hcHCCE3Ro' +
'aW5rd2l0aGdvb2dsZS5jb22CDndpdGhnb29nbGUuY29tgg93aXRoeW91dHVi' +
'ZS5jb20waAYIKwYBBQUHAQEEXDBaMC0GCCsGAQUFBzAChiFodHRwOi8vcGtp' +
'Lmdvb2cvZ3NyMi9HVFNHSUFHMy5jcnQwKQYIKwYBBQUHMAGGHWh0dHA6Ly9v' +
'Y3NwLnBraS5nb29nL0dUU0dJQUczMB0GA1UdDgQWBBTGkpE5o0H9+Wjc05rF' +
'hNQiYDjBFjAMBgNVHRMBAf8EAjAAMB8GA1UdIwQYMBaAFHfCuFCaZ3Z2sS3C' +
'htCDoH6mfrpLMCEGA1UdIAQaMBgwDAYKKwYBBAHWeQIFAzAIBgZngQwBAgIw' +
'MQYDVR0fBCowKDAmoCSgIoYgaHR0cDovL2NybC5wa2kuZ29vZy9HVFNHSUFH' +
'My5jcmwwDQYJKoZIhvcNAQELBQADggEBALqoYGqWtJW/6obEzY+ehsgfyXb+' +
'qNIuV09wt95cRF93HlLbBlSZ/Iz8HXX44ZT1/tGAkwKnW0gDKSSab3I8U+e9' +
'LHbC9VXrgAFENzu89MNKNmK5prwv+MPA2HUQPu4Pad3qXmd4+nKc/EUjtg1d' +
'/xKGK1Vn6JX3i5ly/rduowez3LxpSAJuIwseum331aQaKC2z2ri++96B8MPU' +
'KFXzvV2gVGOe3ZYqmwPaG8y38Tba+OzEh59ygl8ydJJhoI6+R3itPSy0aXUU' +
'lMvvAbfCobXD5kBRQ28ysgbDSDOPs3fraXpAKL92QUjsABs58XBz5vka4swu' +
'gg/u+ZxaKOqfIm8=',
'MIIEXDCCA0SgAwIBAgINAeOpMBz8cgY4P5pTHTANBgkqhkiG9w0BAQsFADBM' +
'MSAwHgYDVQQLExdHbG9iYWxTaWduIFJvb3QgQ0EgLSBSMjETMBEGA1UEChMK' +
'R2xvYmFsU2lnbjETMBEGA1UEAxMKR2xvYmFsU2lnbjAeFw0xNzA2MTUwMDAw' +
'NDJaFw0yMTEyMTUwMDAwNDJaMFQxCzAJBgNVBAYTAlVTMR4wHAYDVQQKExVH' +
'b29nbGUgVHJ1c3QgU2VydmljZXMxJTAjBgNVBAMTHEdvb2dsZSBJbnRlcm5l' +
'dCBBdXRob3JpdHkgRzMwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIB' +
'AQDKUkvqHv/OJGuo2nIYaNVWXQ5IWi01CXZaz6TIHLGp/lOJ+600/4hbn7vn' +
'6AAB3DVzdQOts7G5pH0rJnnOFUAK71G4nzKMfHCGUksW/mona+Y2emJQ2N+a' +
'icwJKetPKRSIgAuPOB6Aahh8Hb2XO3h9RUk2T0HNouB2VzxoMXlkyW7XUR5m' +
'w6JkLHnA52XDVoRTWkNty5oCINLvGmnRsJ1zouAqYGVQMc/7sy+/EYhALrVJ' +
'EA8KbtyX+r8snwU5C1hUrwaW6MWOARa8qBpNQcWTkaIeoYvy/sGIJEmjR0vF' +
'EwHdp1cSaWIr6/4g72n7OqXwfinu7ZYW97EfoOSQJeAzAgMBAAGjggEzMIIB' +
'LzAOBgNVHQ8BAf8EBAMCAYYwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUF' +
'BwMCMBIGA1UdEwEB/wQIMAYBAf8CAQAwHQYDVR0OBBYEFHfCuFCaZ3Z2sS3C' +
'htCDoH6mfrpLMB8GA1UdIwQYMBaAFJviB1dnHB7AagbeWbSaLd/cGYYuMDUG' +
'CCsGAQUFBwEBBCkwJzAlBggrBgEFBQcwAYYZaHR0cDovL29jc3AucGtpLmdv' +
'b2cvZ3NyMjAyBgNVHR8EKzApMCegJaAjhiFodHRwOi8vY3JsLnBraS5nb29n' +
'L2dzcjIvZ3NyMi5jcmwwPwYDVR0gBDgwNjA0BgZngQwBAgIwKjAoBggrBgEF' +
'BQcCARYcaHR0cHM6Ly9wa2kuZ29vZy9yZXBvc2l0b3J5LzANBgkqhkiG9w0B' +
'AQsFAAOCAQEAHLeJluRT7bvs26gyAZ8so81trUISd7O45skDUmAge1cnxhG1' +
'P2cNmSxbWsoiCt2eux9LSD+PAj2LIYRFHW31/6xoic1k4tbWXkDCjir37xTT' +
'NqRAMPUyFRWSdvt+nlPqwnb8Oa2I/maSJukcxDjNSfpDh/Bd1lZNgdd/8cLd' +
'sE3+wypufJ9uXO1iQpnh9zbuFIwsIONGl1p3A8CgxkqI/UAih3JaGOqcpcda' +
'CIzkBaR9uYQ1X4k2Vg5APRLouzVy7a8IVk6wuy6pm+T7HT4LY8ibS5FEZlfA' +
'FLSW8NwsVz9SBK2Vqn1N0PIMn5xA6NZVc7o835DLAFshEWfC7TIe3g==',
'MIIDujCCAqKgAwIBAgILBAAAAAABD4Ym5g0wDQYJKoZIhvcNAQEFBQAwTDEg' +
'MB4GA1UECxMXR2xvYmFsU2lnbiBSb290IENBIC0gUjIxEzARBgNVBAoTCkds' +
'b2JhbFNpZ24xEzARBgNVBAMTCkdsb2JhbFNpZ24wHhcNMDYxMjE1MDgwMDAw' +
'WhcNMjExMjE1MDgwMDAwWjBMMSAwHgYDVQQLExdHbG9iYWxTaWduIFJvb3Qg' +
'Q0EgLSBSMjETMBEGA1UEChMKR2xvYmFsU2lnbjETMBEGA1UEAxMKR2xvYmFs' +
'U2lnbjCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAKbPJA6+Lm8o' +
'mUVCxKs+IVSbC9N/hHD6ErPLv4dfxn+G07IwXNb9rfF73OX4YJYJkhD10FPe' +
'+3t+c4isUoh7SqbKSaZeqKeMWhG8eoLrvozps6yWJQeXSpkqBy+0Hne/ig+1' +
'AnwblrjFuTosvNYSuetZfeLQBoZfXklqtTleiDTsvHgMCJiEbKjNS7SgfQx5' +
'TfC4LcshytVsW33hoCmEofnTlEnLJGKRILzdC9XZzPnqJworc5HGnRusyMvo' +
'4KD0L5CLTfuwNhv2GXqF4G3yYROIXJ/gkwpRl4pazq+r1feqCapgvdzZX99y' +
'qWATXgAByUr6P6TqBwMhAo6CygPCm48CAwEAAaOBnDCBmTAOBgNVHQ8BAf8E' +
'BAMCAQYwDwYDVR0TAQH/BAUwAwEB/zAdBgNVHQ4EFgQUm+IHV2ccHsBqBt5Z' +
'tJot39wZhi4wNgYDVR0fBC8wLTAroCmgJ4YlaHR0cDovL2NybC5nbG9iYWxz' +
'aWduLm5ldC9yb290LXIyLmNybDAfBgNVHSMEGDAWgBSb4gdXZxwewGoG3lm0' +
'mi3f3BmGLjANBgkqhkiG9w0BAQUFAAOCAQEAmYFThxxol4aR7OBKuEQLq4Gs' +
'J0/WwbgcQ3izDJr86iw8bmEbTUsp9Z8FHSbBuOmDAGJFtqkIk7mpM0sYmsL4' +
'h4hO291xNBrBVNpGP+DTKqttVCL1OmLNIG+6KYnX3ZHu01yiPqFbQfXf5WRD' +
'LenVOavSot+3i9DAgBkcRcAtjOj4LaR0VknFBbVPFd5uRHg5h6h+u/N5GJG7' +
'9G+dwfCMNYxdAfvDbbnvRG15RjF+Cv6pgsH/76tuIMRQyV+dTZsXjAzlAcmg' +
'QWpzU/qlULRuJQ/7TBj0/VLZjmmx6BEP3ojY+x1J96relc8geMJgEtslQIxq' +
'/H5COEBkEveegeGTLg=='
]);
};
// Simple check to make sure network throttling is wired up
// See crbug.com/747724
TestSuite.prototype.testOfflineNetworkConditions = async function() {
const test = this;
SDK.NetworkManager.MultitargetNetworkManager.instance().setNetworkConditions(SDK.NetworkManager.OfflineConditions);
function finishRequest(request) {
test.assertEquals(
'net::ERR_INTERNET_DISCONNECTED', request.localizedFailDescription, 'Request should have failed');
test.releaseControl();
}
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'finishNetworkRequest', finishRequest);
test.takeControl();
test.evaluateInConsole_('await fetch("/");', function(resultText) {});
};
TestSuite.prototype.testEmulateNetworkConditions = function() {
const test = this;
function testPreset(preset, messages, next) {
function onConsoleMessage(event) {
const index = messages.indexOf(event.data.messageText);
if (index === -1) {
test.fail('Unexpected message: ' + event.data.messageText);
return;
}
messages.splice(index, 1);
if (!messages.length) {
SDK.TargetManager.TargetManager.instance().removeModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
next();
}
}
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
SDK.NetworkManager.MultitargetNetworkManager.instance().setNetworkConditions(preset);
}
test.takeControl();
step1();
function step1() {
testPreset(
MobileThrottling.networkPresets[3],
[
'offline event: online = false', 'connection change event: type = none; downlinkMax = 0; effectiveType = 4g'
],
step2);
}
function step2() {
testPreset(
MobileThrottling.networkPresets[2],
[
'online event: online = true',
'connection change event: type = cellular; downlinkMax = 0.3814697265625; effectiveType = 2g'
],
step3);
}
function step3() {
testPreset(
MobileThrottling.networkPresets[1],
['connection change event: type = cellular; downlinkMax = 1.373291015625; effectiveType = 3g'], step4);
}
function step4() {
testPreset(
MobileThrottling.networkPresets[0],
['connection change event: type = cellular; downlinkMax = 7.724761962890625; effectiveType = 4g'],
test.releaseControl.bind(test));
}
};
TestSuite.prototype.testSettings = function() {
const test = this;
createSettings();
test.takeControl();
setTimeout(reset, 0);
function createSettings() {
const localSetting = Common.Settings.Settings.instance().createLocalSetting('local', undefined);
localSetting.set({s: 'local', n: 1});
const globalSetting = Common.Settings.Settings.instance().createSetting('global', undefined);
globalSetting.set({s: 'global', n: 2});
}
function reset() {
Root.Runtime.experiments.clearForTest();
Host.InspectorFrontendHost.getPreferences(gotPreferences);
}
function gotPreferences(prefs) {
Main.Main.instanceForTest.createSettings(prefs);
const localSetting = Common.Settings.Settings.instance().createLocalSetting('local', undefined);
test.assertEquals('object', typeof localSetting.get());
test.assertEquals('local', localSetting.get().s);
test.assertEquals(1, localSetting.get().n);
const globalSetting = Common.Settings.Settings.instance().createSetting('global', undefined);
test.assertEquals('object', typeof globalSetting.get());
test.assertEquals('global', globalSetting.get().s);
test.assertEquals(2, globalSetting.get().n);
test.releaseControl();
}
};
TestSuite.prototype.testWindowInitializedOnNavigateBack = function() {
const test = this;
test.takeControl();
const messages = SDK.ConsoleModel.ConsoleModel.allMessagesUnordered();
if (messages.length === 1) {
checkMessages();
} else {
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, checkMessages.bind(this), this);
}
function checkMessages() {
const messages = SDK.ConsoleModel.ConsoleModel.allMessagesUnordered();
test.assertEquals(1, messages.length);
test.assertTrue(messages[0].messageText.indexOf('Uncaught') === -1);
test.releaseControl();
}
};
TestSuite.prototype.testConsoleContextNames = function() {
const test = this;
test.takeControl();
this.showPanel('console').then(() => this._waitForExecutionContexts(2, onExecutionContexts.bind(this)));
function onExecutionContexts() {
const consoleView = Console.ConsoleView.instance();
const selector = consoleView.consoleContextSelector;
const values = [];
for (const item of selector.items) {
values.push(selector.titleFor(item));
}
test.assertEquals('top', values[0]);
test.assertEquals('Simple content script', values[1]);
test.releaseControl();
}
};
TestSuite.prototype.testRawHeadersWithHSTS = async function(url) {
const test = this;
test.takeControl({slownessFactor: 10});
const rawResponseEventsPromise = new Promise(resolve => {
let count = 0;
this.addSniffer(SDK.NetworkManager.NetworkDispatcher.prototype, 'responseReceivedExtraInfo', function() {
if (++count === 2) {
resolve();
}
}, /* sticky=*/ true);
});
const requests = await new Promise(resolve => {
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.NetworkManager.NetworkManager, SDK.NetworkManager.Events.ResponseReceived, onResponseReceived);
const requests = [];
function onResponseReceived(event) {
const networkRequest = event.data.request;
console.error(`${networkRequest.url()} ${networkRequest.statusCode}`);
if (!networkRequest.url().startsWith('http')) {
return;
}
requests.push(networkRequest);
if (requests.length === 3) {
resolve(requests);
}
}
this.evaluateInConsole_(`location.href= "${url}";`, () => {});
});
await rawResponseEventsPromise;
test.assertTrue(requests[0] !== requests[1]);
test.assertEquals(301, requests[0].statusCode);
test.assertEquals('Moved Permanently', requests[0].statusText);
test.assertTrue(url.endsWith(requests[0].responseHeaderValue('Location')));
test.assertTrue(requests[1].url().startsWith('http://'));
test.assertEquals(307, requests[1].statusCode);
test.assertEquals('Internal Redirect', requests[1].statusText);
test.assertEquals('HSTS', requests[1].responseHeaderValue('Non-Authoritative-Reason'));
test.assertTrue(requests[1].responseHeaderValue('Location').startsWith('https://'));
test.assertTrue(requests[2].url().startsWith('https://'));
test.assertTrue(requests[2].requestHeaderValue('Referer').startsWith('http://127.0.0.1'));
test.assertEquals(200, requests[2].statusCode);
test.assertEquals('OK', requests[2].statusText);
test.assertEquals('132', requests[2].responseHeaderValue('Content-Length'));
test.releaseControl();
};
TestSuite.prototype.waitForTestResultsInConsole = function() {
const messages = SDK.ConsoleModel.ConsoleModel.allMessagesUnordered();
for (let i = 0; i < messages.length; ++i) {
const text = messages[i].messageText;
if (text === 'PASS') {
return;
}
if (/^FAIL/.test(text)) {
this.fail(text);
} // This will throw.
}
// Neither PASS nor FAIL, so wait for more messages.
function onConsoleMessage(event) {
const text = event.data.messageText;
if (text === 'PASS') {
this.releaseControl();
} else if (/^FAIL/.test(text)) {
this.fail(text);
}
}
SDK.TargetManager.TargetManager.instance().addModelListener(
SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded, onConsoleMessage, this);
this.takeControl({slownessFactor: 10});
};
TestSuite.prototype.waitForTestResultsAsMessage = function() {
const onMessage = event => {
if (!event.data.testOutput) {
return;
}
top.removeEventListener('message', onMessage);
const text = event.data.testOutput;
if (text === 'PASS') {
this.releaseControl();
} else {
this.fail(text);
}
};
top.addEventListener('message', onMessage);
this.takeControl();
};
TestSuite.prototype.enableExperiment = function(name) {
Root.Runtime.experiments.enableForTest(name);
};
TestSuite.prototype.testInspectedElementIs = async function(nodeName) {
this.takeControl();
/** @type {import('./panels/elements/elements.js')} */
const Elements = await self.runtime.loadLegacyModule('panels/elements/elements.js');
if (!Elements.ElementsPanel.ElementsPanel.firstInspectElementNodeNameForTest) {
await new Promise(
f => this.addSniffer(Elements.ElementsPanel.ElementsPanel, 'firstInspectElementCompletedForTest', f));
}
this.assertEquals(nodeName, Elements.ElementsPanel.ElementsPanel.firstInspectElementNodeNameForTest);
this.releaseControl();
};
TestSuite.prototype.testDisposeEmptyBrowserContext = async function(url) {
this.takeControl();
const targetAgent = SDK.TargetManager.TargetManager.instance().rootTarget()?.targetAgent();
const {browserContextId} = await targetAgent.invoke_createBrowserContext();
const response1 = await targetAgent.invoke_getBrowserContexts();
this.assertEquals(response1.browserContextIds.length, 1);
await targetAgent.invoke_disposeBrowserContext({browserContextId});
const response2 = await targetAgent.invoke_getBrowserContexts();
this.assertEquals(response2.browserContextIds.length, 0);
this.releaseControl();
};
TestSuite.prototype.testNewWindowFromBrowserContext = async function(url) {
this.takeControl();
// Create a BrowserContext.
const targetAgent = SDK.TargetManager.TargetManager.instance().rootTarget()?.targetAgent();
const {browserContextId} = await targetAgent.invoke_createBrowserContext();
// Cause a Browser to be created with the temp profile.
const {targetId} = await targetAgent.invoke_createTarget(
{url: 'data:text/html,<!DOCTYPE html>', browserContextId, newWindow: true});
await targetAgent.invoke_attachToTarget({targetId, flatten: true});
// Destroy the temp profile.
await targetAgent.invoke_disposeBrowserContext({browserContextId});
this.releaseControl();
};
TestSuite.prototype.testCreateBrowserContext = async function(url) {
this.takeControl();
const browserContextIds = [];
const targetAgent = SDK.TargetManager.TargetManager.instance().rootTarget()?.targetAgent();
const target1 = await createIsolatedTarget(url, browserContextIds);
const target2 = await createIsolatedTarget(url, browserContextIds);
const response = await targetAgent.invoke_getBrowserContexts();
this.assertEquals(response.browserContextIds.length, 2);
this.assertTrue(response.browserContextIds.includes(browserContextIds[0]));
this.assertTrue(response.browserContextIds.includes(browserContextIds[1]));
await evalCode(target1, 'localStorage.setItem("page1", "page1")');
await evalCode(target2, 'localStorage.setItem("page2", "page2")');
this.assertEquals(await evalCode(target1, 'localStorage.getItem("page1")'), 'page1');
this.assertEquals(await evalCode(target1, 'localStorage.getItem("page2")'), null);
this.assertEquals(await evalCode(target2, 'localStorage.getItem("page1")'), null);
this.assertEquals(await evalCode(target2, 'localStorage.getItem("page2")'), 'page2');
const removedTargets = [];
SDK.TargetManager.TargetManager.instance().observeTargets(
{targetAdded: () => {}, targetRemoved: target => removedTargets.push(target)});
await Promise.all([disposeBrowserContext(browserContextIds[0]), disposeBrowserContext(browserContextIds[1])]);
this.assertEquals(removedTargets.length, 2);
this.assertEquals(removedTargets.indexOf(target1) !== -1, true);
this.assertEquals(removedTargets.indexOf(target2) !== -1, true);
this.releaseControl();
};
/**
* @param url
* @returns
*/
async function createIsolatedTarget(url, opt_browserContextIds) {
const targetAgent = SDK.TargetManager.TargetManager.instance().rootTarget()?.targetAgent();
const {browserContextId} = await targetAgent.invoke_createBrowserContext();
if (opt_browserContextIds) {
opt_browserContextIds.push(browserContextId);
}
const {targetId} = await targetAgent.invoke_createTarget({url: 'about:blank', browserContextId});
await targetAgent.invoke_attachToTarget({targetId, flatten: true});
const target = SDK.TargetManager.TargetManager.instance().targets().find(target => target.id() === targetId);
const pageAgent = target.pageAgent();
await pageAgent.invoke_enable();
await pageAgent.invoke_navigate({url});
return target;
}
async function disposeBrowserContext(browserContextId) {
const targetAgent = SDK.TargetManager.TargetManager.instance().rootTarget()?.targetAgent();
await targetAgent.invoke_disposeBrowserContext({browserContextId});
}
async function evalCode(target, code) {
return (await target.runtimeAgent().invoke_evaluate({expression: code})).result.value;
}
TestSuite.prototype.testInputDispatchEventsToOOPIF = async function() {
this.takeControl();
await new Promise(callback => this._waitForTargets(2, callback));
async function takeLogs(target) {
return await evalCode(target, `
(function() {
var result = window.logs.join(' ');
window.logs = [];
return result;
})()`);
}
let parentFrameOutput;
let childFrameOutput;
const inputAgent = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inputAgent();
const runtimeAgent = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.runtimeAgent();
await inputAgent.invoke_dispatchMouseEvent({type: 'mousePressed', button: 'left', clickCount: 1, x: 10, y: 10});
await inputAgent.invoke_dispatchMouseEvent({type: 'mouseMoved', button: 'left', clickCount: 1, x: 10, y: 20});
await inputAgent.invoke_dispatchMouseEvent({type: 'mouseReleased', button: 'left', clickCount: 1, x: 10, y: 20});
await inputAgent.invoke_dispatchMouseEvent({type: 'mousePressed', button: 'left', clickCount: 1, x: 230, y: 140});
await inputAgent.invoke_dispatchMouseEvent({type: 'mouseMoved', button: 'left', clickCount: 1, x: 230, y: 150});
await inputAgent.invoke_dispatchMouseEvent({type: 'mouseReleased', button: 'left', clickCount: 1, x: 230, y: 150});
parentFrameOutput = 'Event type: mousedown button: 0 x: 10 y: 10 Event type: mouseup button: 0 x: 10 y: 20';
this.assertEquals(parentFrameOutput, await takeLogs(SDK.TargetManager.TargetManager.instance().targets()[0]));
childFrameOutput = 'Event type: mousedown button: 0 x: 30 y: 40 Event type: mouseup button: 0 x: 30 y: 50';
this.assertEquals(childFrameOutput, await takeLogs(SDK.TargetManager.TargetManager.instance().targets()[1]));
await inputAgent.invoke_dispatchKeyEvent({type: 'keyDown', key: 'a'});
await runtimeAgent.invoke_evaluate({expression: 'document.querySelector(\'iframe\').focus()'});
await inputAgent.invoke_dispatchKeyEvent({type: 'keyDown', key: 'a'});
parentFrameOutput = 'Event type: keydown';
this.assertEquals(parentFrameOutput, await takeLogs(SDK.TargetManager.TargetManager.instance().targets()[0]));
childFrameOutput = 'Event type: keydown';
this.assertEquals(childFrameOutput, await takeLogs(SDK.TargetManager.TargetManager.instance().targets()[1]));
await inputAgent.invoke_dispatchTouchEvent({type: 'touchStart', touchPoints: [{x: 10, y: 10}]});
await inputAgent.invoke_dispatchTouchEvent({type: 'touchEnd', touchPoints: []});
await inputAgent.invoke_dispatchTouchEvent({type: 'touchStart', touchPoints: [{x: 230, y: 140}]});
await inputAgent.invoke_dispatchTouchEvent({type: 'touchEnd', touchPoints: []});
parentFrameOutput = 'Event type: touchstart touch x: 10 touch y: 10';
this.assertEquals(parentFrameOutput, await takeLogs(SDK.TargetManager.TargetManager.instance().targets()[