summaryrefslogtreecommitdiffstats
path: root/devtools/client/responsive/test
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/responsive/test')
-rw-r--r--devtools/client/responsive/test/browser/browser_device_width.js3
-rw-r--r--devtools/client/responsive/test/browser/browser_toolbox_computed_view.js28
-rw-r--r--devtools/client/responsive/test/browser/browser_viewport_resizing_after_reload.js2
-rw-r--r--devtools/client/responsive/test/browser/browser_viewport_resizing_fixed_width.js4
-rw-r--r--devtools/client/responsive/test/browser/doc_toolbox_rule_view.html1
5 files changed, 20 insertions, 18 deletions
diff --git a/devtools/client/responsive/test/browser/browser_device_width.js b/devtools/client/responsive/test/browser/browser_device_width.js
index 11dc8fd31c..a7d1dfde30 100644
--- a/devtools/client/responsive/test/browser/browser_device_width.js
+++ b/devtools/client/responsive/test/browser/browser_device_width.js
@@ -11,9 +11,6 @@ addRDMTask(TEST_URL, async function ({ ui, manager }) {
ok(ui, "An instance of the RDM should be attached to the tab.");
await setViewportSizeAndAwaitReflow(ui, manager, 110, 500);
- info("Checking initial width/height properties.");
- await doInitialChecks(ui, 110);
-
info("Checking initial width/height with meta viewport on");
await setTouchAndMetaViewportSupport(ui, true);
await doInitialChecks(ui, 980);
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");
diff --git a/devtools/client/responsive/test/browser/browser_viewport_resizing_after_reload.js b/devtools/client/responsive/test/browser/browser_viewport_resizing_after_reload.js
index ad750326ae..22dbdff527 100644
--- a/devtools/client/responsive/test/browser/browser_viewport_resizing_after_reload.js
+++ b/devtools/client/responsive/test/browser/browser_viewport_resizing_after_reload.js
@@ -23,7 +23,7 @@ addRDMTask(TEST_URL, async function ({ ui, manager }) {
const expected = [
{
metaSupport: false,
- before: [1.0, 300, 600],
+ before: [0.5, 300, 600],
after: [1.0, 600, 300],
},
{
diff --git a/devtools/client/responsive/test/browser/browser_viewport_resizing_fixed_width.js b/devtools/client/responsive/test/browser/browser_viewport_resizing_fixed_width.js
index 46a2529b12..5fd38565be 100644
--- a/devtools/client/responsive/test/browser/browser_viewport_resizing_fixed_width.js
+++ b/devtools/client/responsive/test/browser/browser_viewport_resizing_fixed_width.js
@@ -19,8 +19,8 @@ addRDMTask(TEST_URL, async function ({ ui, manager }) {
const expected = [
{
metaSupport: false,
- before: [1.0, 600, 300],
- after: [1.0, 50, 50], // Zoom is unaffected.
+ before: [2.0, 300, 150],
+ after: [0.25, 300, 300], // This checks that min-zoom is active.
},
{
metaSupport: true,
diff --git a/devtools/client/responsive/test/browser/doc_toolbox_rule_view.html b/devtools/client/responsive/test/browser/doc_toolbox_rule_view.html
index e4a311b7ec..f0cc88ef97 100644
--- a/devtools/client/responsive/test/browser/doc_toolbox_rule_view.html
+++ b/devtools/client/responsive/test/browser/doc_toolbox_rule_view.html
@@ -1,4 +1,5 @@
<html>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" charset="UTF-8" type="text/css" media="screen" href="doc_toolbox_rule_view.css"/>
<div></div>
</html>