Portals: Propagate device emulation across portals.

Since portals are pagwa that can be activated,
we need to propagate the device emulation to
each portals main frame.

Bug: 1032625
Change-Id: I90d55c569f580cf42d7a7eb185270192efa11dc6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2237767Reviewed-by: Andrey Kosyakov <caseq@chromium.org>
Commit-Queue: Lucas Gadani <lfg@chromium.org>
Cr-Commit-Position: refs/heads/master@{#779506}

content/browser/devtools/protocol/emulation_handler.cc

@@ -466,13 +466,25 @@ void EmulationHandler::UpdateDeviceEmulationState() {
   // this is tricky since we'd have to track the DevTools message id with the
   // WidgetMsg and acknowledgment, as well as plump the acknowledgment back to
   // the EmulationHandler somehow. Mojo callbacks should make this much simpler.
+  UpdateDeviceEmulationStateForHost(host_->GetRenderWidgetHost());
+
+  // Update portals inside this page.
+  for (auto* web_contents : GetWebContents()->GetWebContentsAndAllInner()) {
+    if (web_contents->IsPortal()) {
+      UpdateDeviceEmulationStateForHost(
+          web_contents->GetMainFrame()->GetRenderWidgetHost());
+    }
+  }
+}
+
+void EmulationHandler::UpdateDeviceEmulationStateForHost(
+    RenderWidgetHostImpl* render_widget_host) {
   if (device_emulation_enabled_) {
-    host_->GetRenderWidgetHost()->Send(new WidgetMsg_EnableDeviceEmulation(
-        host_->GetRenderWidgetHost()->GetRoutingID(),
-        device_emulation_params_));
+    render_widget_host->Send(new WidgetMsg_EnableDeviceEmulation(
+        render_widget_host->GetRoutingID(), device_emulation_params_));
   } else {
-    host_->GetRenderWidgetHost()->Send(new WidgetMsg_DisableDeviceEmulation(
-        host_->GetRenderWidgetHost()->GetRoutingID()));
+    render_widget_host->Send(new WidgetMsg_DisableDeviceEmulation(
+        render_widget_host->GetRoutingID()));
   }
 }
 

content/browser/devtools/protocol/emulation_handler.h

@@ -19,6 +19,7 @@ namespace content {
 
 class DevToolsAgentHostImpl;
 class RenderFrameHostImpl;
+class RenderWidgetHostImpl;
 class WebContentsImpl;
 
 namespace protocol {
@@ -86,6 +87,8 @@ class EmulationHandler : public DevToolsDomainHandler,
   WebContentsImpl* GetWebContents();
   void UpdateTouchEventEmulationState();
   void UpdateDeviceEmulationState();
+  void UpdateDeviceEmulationStateForHost(
+      RenderWidgetHostImpl* render_widget_host);
 
   bool touch_emulation_enabled_;
   std::string touch_emulation_configuration_;

third_party/blink/web_tests/http/tests/inspector-protocol/portals/device-emulation-portals-expected.txt

+Tests that device emulation affects portals.
+Loading portal host
+Location: http://devtools.oopif-a.test:8000/inspector-protocol/resources/test-page.html
+Creating portal
+Portal location: http://devtools.oopif-b.test:8000/inspector-protocol/resources/test-page.html
+Metrics:
+width             = 800
+height            = 600
+orientation type  = landscape-secondary
+orientation angle = 270
+Portal metrics:
+width             = 800
+height            = 600
+orientation type  = landscape-secondary
+orientation angle = 270
+Metrics:
+width             = 500
+height            = 200
+orientation type  = portrait-primary
+orientation angle = 0
+Portal metrics:
+width             = 500
+height            = 200
+orientation type  = portrait-primary
+orientation angle = 0
+

third_party/blink/web_tests/http/tests/inspector-protocol/portals/device-emulation-portals.js

+(async function(testRunner) {
+  testRunner.log('Tests that device emulation affects portals.');
+
+  const target = testRunner.browserP().Target;
+  await target.setDiscoverTargets({discover: true});
+  await target.setAutoAttach({autoAttach: true, waitForDebuggerOnStart: false, flatten: true});
+  const browserSessionId = (await target.attachToBrowserTarget()).result.sessionId;
+
+  testRunner.log('Loading portal host');
+  const browserSession = new TestRunner.Session(testRunner, browserSessionId);
+  const attachedEvent = target.onceAttachedToTarget();
+  const portalHostUrl = testRunner.url('http://devtools.oopif-a.test:8000/inspector-protocol/resources/test-page.html');
+  browserSession.protocol.Target.createTarget({url: portalHostUrl});
+  const session = new TestRunner.Session(testRunner, (await attachedEvent).params.sessionId);
+  await session.protocol.Runtime.enable();
+  testRunner.log('Location: ' + await session.evaluate('location.href'));
+
+  testRunner.log('Creating portal');
+  const portalAttachedEvent = target.onceAttachedToTarget();
+  await session.evaluate(`
+    var portal = document.createElement('portal');
+    portal.src = 'http://devtools.oopif-b.test:8000/inspector-protocol/resources/test-page.html';
+    document.body.appendChild(portal);
+  `);
+  const portalSession = new TestRunner.Session(testRunner, (await portalAttachedEvent).params.sessionId);
+  await portalSession.protocol.Runtime.runIfWaitingForDebugger();
+  await portalSession.protocol.Runtime.enable();
+  testRunner.log('Portal location: ' + await portalSession.evaluate('location.href'));
+
+  const dumpMetrics = `
+    function dumpMetrics() {
+      let results = [];
+      results.push('width             = ' + screen.width);
+      results.push('height            = ' + screen.height);
+      results.push('orientation type  = ' + screen.orientation.type);
+      results.push('orientation angle = ' + screen.orientation.angle);
+      return results.join('\\n');
+    };
+  `;
+  await session.evaluate(dumpMetrics);
+  await portalSession.evaluate(dumpMetrics);
+
+  await session.evaluate('testRunner.disableMockScreenOrientation()');
+  await portalSession.evaluate('testRunner.disableMockScreenOrientation()');
+  await session.protocol.Emulation.clearDeviceMetricsOverride();
+  await session.protocol.Emulation.setDeviceMetricsOverride({
+    width: 800,
+    height: 600,
+    deviceScaleFactor: 1.0,
+    mobile: true,
+    screenOrientation: {type: 'landscapeSecondary', angle: 270},
+  });
+  testRunner.log('Metrics:');
+  let metrics = await session.evaluate('dumpMetrics()');
+  testRunner.log(metrics);
+  testRunner.log('Portal metrics:');
+  let portalMetrics = await portalSession.evaluate('dumpMetrics()');
+  testRunner.log(portalMetrics);
+
+  await session.protocol.Emulation.clearDeviceMetricsOverride();
+  await session.protocol.Emulation.setDeviceMetricsOverride({
+    width: 500,
+    height: 200,
+    deviceScaleFactor: 2.0,
+    mobile: true,
+    screenOrientation: {type: 'portraitPrimary', angle: 0}
+  });
+  testRunner.log('Metrics:');
+  metrics = await session.evaluate('dumpMetrics()');
+  testRunner.log(metrics);
+  testRunner.log('Portal metrics:');
+  portalMetrics = await portalSession.evaluate('dumpMetrics()');
+  testRunner.log(portalMetrics);
+
+  await browserSession.disconnect();
+  testRunner.completeTest();
+})