devtools/client/responsive.html/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 = "http://example.org/";

addRDMTask(TEST_URL, function* ({ ui }) {
  let store = ui.toolWindow.store;

  // Wait until the viewport has been added
  yield waitUntilState(store, state => state.viewports.length == 1);

  // A single viewport of default size appeared
  let viewport = ui.toolWindow.document.querySelector(".viewport-content");

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

  // Browser's location should match original tab
  yield waitForFrameLoad(ui, TEST_URL);
  let location = yield spawnViewportTask(ui, {}, function* () {
    return content.location.href; // eslint-disable-line
  });
  is(location, TEST_URL, "Viewport location matches");
});