devtools/client/responsive/test/browser/browser_viewport_basics.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test viewports basics after opening, like size and location

const TEST_URL = "https://example.org/";
addRDMTask(TEST_URL, async function ({ ui }) {
  const browser = ui.getViewportBrowser();

  is(
    ui.toolWindow.getComputedStyle(browser).getPropertyValue("width"),
    "320px",
    "Viewport has default width"
  );
  is(
    ui.toolWindow.getComputedStyle(browser).getPropertyValue("height"),
    "480px",
    "Viewport has default height"
  );

  // Browser's location should match original tab
  await navigateTo(TEST_URL, { browser });

  const location = await spawnViewportTask(ui, {}, function () {
    return content.location.href; // eslint-disable-line
  });
  is(location, TEST_URL, "Viewport location matches");
});