@browserless.io/browserless 2.2.0-beta-8 → 2.3.0-beta-1

package/static/devtools/elements_test_runner/SetOuterHTMLTestRunner.js

@@ -0,0 +1,115 @@
+// Copyright 2017 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.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.ElementsTestRunner = self.ElementsTestRunner || {};
+
+ElementsTestRunner.events = [];
+ElementsTestRunner.containerId;
+
+ElementsTestRunner.setUpTestSuite = function(next) {
+  ElementsTestRunner.expandElementsTree(step1);
+
+  function step1() {
+    ElementsTestRunner.selectNodeWithId('container', step2);
+  }
+
+  function step2(node) {
+    ElementsTestRunner.containerId = node.id;
+    TestRunner.DOMAgent.getOuterHTML(ElementsTestRunner.containerId).then(step3);
+  }
+
+  function step3(text) {
+    ElementsTestRunner.containerText = text;
+
+    for (const key in SDK.DOMModel.Events) {
+      const eventName = SDK.DOMModel.Events[key];
+
+      if (eventName === SDK.DOMModel.Events.MarkersChanged || eventName === SDK.DOMModel.Events.DOMMutated) {
+        continue;
+      }
+
+      TestRunner.domModel.addEventListener(
+          eventName, ElementsTestRunner.recordEvent.bind(ElementsTestRunner, eventName));
+    }
+
+    next();
+  }
+};
+
+ElementsTestRunner.recordEvent = function(eventName, event) {
+  if (!event.data) {
+    return;
+  }
+
+  const node = event.data.node || event.data;
+  const parent = event.data.parent;
+
+  for (let currentNode = parent || node; currentNode; currentNode = currentNode.parentNode) {
+    if (currentNode.getAttribute('id') === 'output') {
+      return;
+    }
+  }
+
+  ElementsTestRunner.events.push('Event ' + eventName.toString() + ': ' + node.nodeName());
+};
+
+ElementsTestRunner.patchOuterHTML = function(pattern, replacement, next) {
+  TestRunner.addResult('Replacing \'' + pattern + '\' with \'' + replacement + '\'\n');
+  ElementsTestRunner.setOuterHTML(ElementsTestRunner.containerText.replace(pattern, replacement), next);
+};
+
+ElementsTestRunner.patchOuterHTMLUseUndo = function(pattern, replacement, next) {
+  TestRunner.addResult('Replacing \'' + pattern + '\' with \'' + replacement + '\'\n');
+  ElementsTestRunner.setOuterHTMLUseUndo(ElementsTestRunner.containerText.replace(pattern, replacement), next);
+};
+
+ElementsTestRunner.setOuterHTML = function(newText, next) {
+  ElementsTestRunner.innerSetOuterHTML(newText, false, bringBack);
+
+  function bringBack() {
+    TestRunner.addResult('\nBringing things back\n');
+    ElementsTestRunner.innerSetOuterHTML(ElementsTestRunner.containerText, true, next);
+  }
+};
+
+ElementsTestRunner.setOuterHTMLUseUndo = function(newText, next) {
+  ElementsTestRunner.innerSetOuterHTML(newText, false, bringBack);
+
+  async function bringBack() {
+    TestRunner.addResult('\nBringing things back\n');
+    await self.SDK.domModelUndoStack.undo();
+    ElementsTestRunner._dumpOuterHTML(true, next);
+  }
+};
+
+ElementsTestRunner.innerSetOuterHTML = async function(newText, last, next) {
+  await TestRunner.DOMAgent.setOuterHTML(ElementsTestRunner.containerId, newText);
+  TestRunner.domModel.markUndoableState();
+  ElementsTestRunner._dumpOuterHTML(last, next);
+};
+
+ElementsTestRunner._dumpOuterHTML = async function(last, next) {
+  const result = await TestRunner.RuntimeAgent.evaluate('document.getElementById("identity").wrapperIdentity');
+  TestRunner.addResult('Wrapper identity: ' + result.value);
+  ElementsTestRunner.events.sort();
+
+  for (let i = 0; i < ElementsTestRunner.events.length; ++i) {
+    TestRunner.addResult(ElementsTestRunner.events[i]);
+  }
+
+  ElementsTestRunner.events = [];
+  const text = await TestRunner.DOMAgent.getOuterHTML(ElementsTestRunner.containerId);
+  TestRunner.addResult('==========8<==========');
+  TestRunner.addResult(text);
+  TestRunner.addResult('==========>8==========');
+
+  if (last) {
+    TestRunner.addResult('\n\n\n');
+  }
+
+  next();
+};

package/static/devtools/elements_test_runner/StylesUpdateLinksTestRunner.js

@@ -0,0 +1,134 @@
+// Copyright 2017 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.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.ElementsTestRunner = self.ElementsTestRunner || {};
+
+function flattenRuleRanges(rule) {
+  const ranges = [];
+  const medias = rule.media || [];
+
+  for (let i = 0; i < medias.length; ++i) {
+    const media = medias[i];
+
+    if (!media.range) {
+      continue;
+    }
+
+    ranges.push({range: media.range, name: 'media #' + i});
+  }
+
+  for (let i = 0; i < rule.selectors.length; ++i) {
+    const selector = rule.selectors[i];
+
+    if (!selector.range) {
+      continue;
+    }
+
+    ranges.push({range: selector.range, name: 'selector #' + i});
+  }
+
+  if (rule.style.range) {
+    ranges.push({range: rule.style.range, name: 'style range'});
+  }
+
+
+  const properties = rule.style.allProperties();
+
+  for (let i = 0; i < properties.length; ++i) {
+    const property = properties[i];
+
+    if (!property.range) {
+      continue;
+    }
+
+    ranges.push({range: property.range, name: 'property >>' + property.text + '<<'});
+  }
+
+  return ranges;
+}
+
+function compareRuleRanges(lazyRule, originalRule) {
+  if (lazyRule.selectorText !== originalRule.selectorText) {
+    TestRunner.addResult(
+        'Error: rule selectors are not equal: ' + lazyRule.selectorText + ' != ' + originalRule.selectorText);
+    return false;
+  }
+
+  const flattenLazy = flattenRuleRanges(lazyRule);
+  const flattenOriginal = flattenRuleRanges(originalRule);
+
+  if (flattenLazy.length !== flattenOriginal.length) {
+    TestRunner.addResult(
+        'Error: rule range amount is not equal: ' + flattenLazy.length + ' != ' + flattenOriginal.length);
+    return false;
+  }
+
+  for (let i = 0; i < flattenLazy.length; ++i) {
+    const lazyRange = flattenLazy[i];
+    const originalRange = flattenOriginal[i];
+
+    if (lazyRange.name !== originalRange.name) {
+      TestRunner.addResult('Error: rule names are not equal: ' + lazyRange.name + ' != ' + originalRange.name);
+      return false;
+    }
+
+    if (!lazyRange.range.equal(originalRange.range)) {
+      TestRunner.addResult(
+          'Error: ranges \'' + lazyRange.name + '\' are not equal: ' + lazyRange.range.toString() +
+          ' != ' + originalRange.range.toString());
+
+      return false;
+    }
+  }
+
+  TestRunner.addResult(flattenLazy.length + ' rule ranges are equal.');
+  return true;
+}
+
+ElementsTestRunner.validateRuleRanges = function(selector, rules, callback) {
+  ElementsTestRunner.selectNodeAndWaitForStyles('other', onOtherSelected);
+
+  function onOtherSelected() {
+    ElementsTestRunner.selectNodeAndWaitForStyles(selector, onContainerSelected);
+  }
+
+  function onContainerSelected() {
+    const fetchedRules = ElementsTestRunner.getMatchedRules();
+
+    if (fetchedRules.length !== rules.length) {
+      TestRunner.addResult(String.sprintf(
+          'Error: rules sizes are not equal! Expected: %d, actual: %d', fetchedRules.length, rules.length));
+      TestRunner.completeTest();
+      return;
+    }
+
+    for (let i = 0; i < fetchedRules.length; ++i) {
+      if (!compareRuleRanges(rules[i], fetchedRules[i])) {
+        TestRunner.completeTest();
+        return;
+      }
+    }
+
+    callback();
+  }
+};
+
+ElementsTestRunner.getMatchedRules = function() {
+  const rules = [];
+
+  for (const block of UI.panels.elements._stylesWidget._sectionBlocks) {
+    for (const section of block.sections) {
+      const rule = section.style().parentRule;
+
+      if (rule) {
+        rules.push(rule);
+      }
+    }
+  }
+
+  return rules;
+};

package/static/devtools/elements_test_runner/elements_test_runner.js

@@ -0,0 +1,9 @@
+// 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 './ElementsTestRunner.js';
+import './EditDOMTestRunner.js';
+import './SetOuterHTMLTestRunner.js';
+import './ElementsPanelShadowSelectionOnRefreshTestRunner.js';
+import './StylesUpdateLinksTestRunner.js';

package/static/devtools/emulation/emulation-legacy.js

@@ -0,0 +1 @@
+import{AdvancedApp as e,DeviceModeModel as i,DeviceModeView as o,DeviceModeWrapper as a,DevicesSettingsTab as t,EmulatedDevices as n,LocationsSettingsTab as l,InspectedPagePlaceholder as c,MediaQueryInspector as d,SensorsView as s}from"./emulation.js";self.Emulation=self.Emulation||{},Emulation=Emulation||{},Emulation.AdvancedApp=e.AdvancedApp,Emulation.AdvancedAppProvider=e.AdvancedAppProvider,Emulation.DeviceModeModel=i.DeviceModeModel,Emulation.DeviceModeModel.Type=i.Type,Emulation.DeviceModeView=o.DeviceModeView,Emulation.DeviceModeWrapper=a.DeviceModeWrapper,Emulation.DeviceModeWrapper.ActionDelegate=a.ActionDelegate,Emulation.DevicesSettingsTab=t.DevicesSettingsTab,Emulation.EmulatedDevice=n.EmulatedDevice,Emulation.EmulatedDevicesList=n.EmulatedDevicesList,Emulation.LocationsSettingsTab=l.LocationsSettingsTab,Emulation.InspectedPagePlaceholder=c.InspectedPagePlaceholder,Emulation.InspectedPagePlaceholder.instance=c.InspectedPagePlaceholder.instance,Emulation.MediaQueryInspector=d.MediaQueryInspector,Emulation.SensorsView=s.SensorsView,Emulation.SensorsView.ShowActionDelegate=s.ShowActionDelegate;

package/static/devtools/emulation/emulation-meta.js

@@ -0,0 +1 @@
+import{Settings as e}from"../common/common.js";import{ls as t}from"../platform/platform.js";import{Runtime as i}from"../root/root.js";import{ViewManager as o,ActionRegistration as n}from"../ui/ui.js";let a;async function l(){return a||(await i.Runtime.instance().loadModulePromise("emulation"),a=await import("./emulation.js")),a}o.registerViewExtension({location:"settings-view",commandPrompt:()=>t`Show Devices`,title:()=>t`Devices`,order:30,loadView:async()=>(await l()).DevicesSettingsTab.DevicesSettingsTab.instance(),id:"devices",settings:["standardEmulatedDeviceList","customEmulatedDeviceList"]}),o.registerViewExtension({location:"drawer-view",commandPrompt:()=>t`Show Sensors`,title:()=>t`Sensors`,id:"sensors",persistence:"closeable",order:100,loadView:async()=>(await l()).SensorsView.SensorsView.instance(),tags:[()=>t`geolocation`,()=>t`timezones`,()=>t`locale`,()=>t`locales`,()=>t`accelerometer`,()=>t`device orientation`]}),o.registerViewExtension({location:"settings-view",id:"emulation-locations",commandPrompt:()=>t`Show Locations`,title:()=>t`Locations`,order:40,loadView:async()=>(await l()).LocationsSettingsTab.LocationsSettingsTab.instance(),settings:["emulation.locations"]}),n.registerActionExtension({category:n.ActionCategory.MOBILE,actionId:"emulation.toggle-device-mode",toggleable:!0,loadActionDelegate:async()=>(await l()).DeviceModeWrapper.ActionDelegate.instance(),condition:i.ConditionName.CAN_DOCK,title:()=>t`Toggle device toolbar`,iconClass:"largeicon-phone",bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+M"},{platform:"mac",shortcut:"Shift+Meta+M"}]}),n.registerActionExtension({actionId:"emulation.capture-screenshot",category:n.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await l()).DeviceModeWrapper.ActionDelegate.instance(),condition:i.ConditionName.CAN_DOCK,title:()=>t`Capture screenshot`}),n.registerActionExtension({actionId:"emulation.capture-full-height-screenshot",category:n.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await l()).DeviceModeWrapper.ActionDelegate.instance(),condition:i.ConditionName.CAN_DOCK,title:()=>t`Capture full size screenshot`}),n.registerActionExtension({actionId:"emulation.capture-node-screenshot",category:n.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await l()).DeviceModeWrapper.ActionDelegate.instance(),condition:i.ConditionName.CAN_DOCK,title:()=>t`Capture node screenshot`}),n.registerActionExtension({actionId:"emulation.show-sensors",category:n.ActionCategory.SENSORS,loadActionDelegate:async()=>(await l()).SensorsView.ShowActionDelegate.instance(),title:()=>t`Sensors`}),e.registerSettingExtension({category:e.SettingCategoryObject.MOBILE,settingName:"showMediaQueryInspector",settingType:e.SettingTypeObject.BOOLEAN,defaultValue:!1,options:[{value:!0,title:()=>t`Show media queries`},{value:!1,title:()=>t`Hide media queries`}],tags:[()=>t`device`]}),e.registerSettingExtension({category:e.SettingCategoryObject.MOBILE,settingName:"emulation.showRulers",settingType:e.SettingTypeObject.BOOLEAN,defaultValue:!1,options:[{value:!0,title:()=>t`Show rulers`},{value:!1,title:()=>t`Hide rulers`}],tags:[()=>t`device`]}),e.registerSettingExtension({category:e.SettingCategoryObject.MOBILE,settingName:"emulation.showDeviceOutline",settingType:e.SettingTypeObject.BOOLEAN,defaultValue:!1,options:[{value:!0,title:()=>t`Show device frame`},{value:!1,title:()=>t`Hide device frame`}],tags:[()=>t`device`]}),e.registerSettingExtension({settingName:"emulation.locations",settingType:e.SettingTypeObject.ARRAY,defaultValue:[{title:()=>t`Berlin`,lat:52.520007,long:13.404954,timezoneId:"Europe/Berlin",locale:"de_DE"},{title:()=>t`London`,lat:51.507351,long:-.127758,timezoneId:"Europe/London",locale:"en_GB"},{title:()=>t`Moscow`,lat:55.755826,long:37.6173,timezoneId:"Europe/Moscow",locale:"ru_RU"},{title:()=>t`Mountain View`,lat:37.386052,long:-122.083851,timezoneId:"US/Pacific",locale:"en_US"},{title:()=>t`Mumbai`,lat:19.075984,long:72.877656,timezoneId:"Asia/Kolkata",locale:"mr_IN"},{title:()=>t`San Francisco`,lat:37.774929,long:-122.419416,timezoneId:"US/Pacific",locale:"en_US"},{title:()=>t`Shanghai`,lat:31.230416,long:121.473701,timezoneId:"Asia/Shanghai",locale:"zh_Hans_CN"},{title:()=>t`São Paulo`,lat:-23.55052,long:-46.633309,timezoneId:"America/Sao_Paulo",locale:"pt_BR"},{title:()=>t`Tokyo`,lat:35.689487,long:139.691706,timezoneId:"Asia/Tokyo",locale:"ja_JP"}]}),e.registerSettingExtension({title:()=>t`Touch`,reloadRequired:!0,settingName:"emulation.touch",settingType:e.SettingTypeObject.ENUM,defaultValue:"none",options:[{value:"none",title:()=>t`Device-based`,text:()=>t`Device-based`},{value:"force",title:()=>t`Force enabled`,text:()=>t`Force enabled`}]}),e.registerSettingExtension({title:()=>t`Emulate Idle Detector state`,settingName:"emulation.idleDetection",settingType:e.SettingTypeObject.ENUM,defaultValue:"none",options:[{value:"none",title:()=>t`No idle emulation`,text:()=>t`No idle emulation`},{value:'{"isUserActive":true,"isScreenUnlocked":true}',title:()=>t`User active, screen unlocked`,text:()=>t`User active, screen unlocked`},{value:'{"isUserActive":true,"isScreenUnlocked":false}',title:()=>t`User active, screen locked`,text:()=>t`User active, screen locked`},{value:'{"isUserActive":false,"isScreenUnlocked":true}',title:()=>t`User idle, screen unlocked`,text:()=>t`User idle, screen unlocked`},{value:'{"isUserActive":false,"isScreenUnlocked":false}',title:()=>t`User idle, screen locked`,text:()=>t`User idle, screen locked`}]});