summaryrefslogtreecommitdiffstats
path: root/devtools/client/responsive/test/browser/browser_toolbox_computed_view.js
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/responsive/test/browser/browser_toolbox_computed_view.js')
-rw-r--r--devtools/client/responsive/test/browser/browser_toolbox_computed_view.js28
1 files changed, 16 insertions, 12 deletions
diff --git a/devtools/client/responsive/test/browser/browser_toolbox_computed_view.js b/devtools/client/responsive/test/browser/browser_toolbox_computed_view.js
index f22ee8d246..d4d9c94c79 100644
--- a/devtools/client/responsive/test/browser/browser_toolbox_computed_view.js
+++ b/devtools/client/responsive/test/browser/browser_toolbox_computed_view.js
@@ -6,18 +6,22 @@
// Check that when the viewport is resized, the computed-view refreshes.
const TEST_URI =
- "data:text/html;charset=utf-8,<html><style>" +
- "div {" +
- " width: 500px;" +
- " height: 10px;" +
- " background: purple;" +
- "} " +
- "@media screen and (max-width: 200px) {" +
- " div { " +
- " width: 100px;" +
- " }" +
- "};" +
- "</style><div></div></html>";
+ "data:text/html;charset=utf-8," +
+ `
+ <meta name="viewport" content="width=device-width">
+ <style>
+ div {
+ width: 500px;
+ height: 10px;
+ background: purple;
+ }
+ @media screen and (max-width: 200px) {
+ div {
+ width: 100px;
+ }
+ };
+ </style><div></div></html>
+`;
addRDMTask(TEST_URI, async function ({ ui, manager }) {
info("Open the responsive design mode and set its size to 500x500 to start");