diff options
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.js | 28 |
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"); |