summaryrefslogtreecommitdiffstats
path: root/devtools/client/responsive/test/browser/browser_page_state.js
blob: 6b01031fbbe5c8bc7820d11158e7c8778d6c84bc (plain)
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test page state to ensure page is not reloaded and session history is not
// modified.

const DUMMY_1_URL = "https://example.com/";
const TEST_URL = `${URL_ROOT_SSL}doc_page_state.html`;
const DUMMY_2_URL = "https://example.com/browser/";

addRDMTask(
  null,
  async function () {
    await SpecialPowers.pushPrefEnv({
      set: [["browser.navigation.requireUserInteraction", false]],
    });

    // Load up a sequence of pages:
    // 0. DUMMY_1_URL
    // 1. TEST_URL
    // 2. DUMMY_2_URL
    const tab = await addTab(DUMMY_1_URL);
    const browser = tab.linkedBrowser;
    await navigateTo(TEST_URL);
    await navigateTo(DUMMY_2_URL);

    // Check session history state
    let history = await getSessionHistory(browser);
    is(history.index - 1, 2, "At page 2 in history");
    is(history.entries.length, 3, "3 pages in history");
    is(history.entries[0].url, DUMMY_1_URL, "Page 0 URL matches");
    is(history.entries[1].url, TEST_URL, "Page 1 URL matches");
    is(history.entries[2].url, DUMMY_2_URL, "Page 2 URL matches");

    // Go back one so we're at the test page
    await back(browser);

    // Check session history state
    history = await getSessionHistory(browser);
    is(history.index - 1, 1, "At page 1 in history");
    is(history.entries.length, 3, "3 pages in history");
    is(history.entries[0].url, DUMMY_1_URL, "Page 0 URL matches");
    is(history.entries[1].url, TEST_URL, "Page 1 URL matches");
    is(history.entries[2].url, DUMMY_2_URL, "Page 2 URL matches");

    // Click on content to set an altered state that would be lost on reload
    await BrowserTestUtils.synthesizeMouseAtCenter("body", {}, browser);

    const { ui } = await openRDM(tab);
    await waitForDeviceAndViewportState(ui);

    // Check color inside the viewport
    let color = await spawnViewportTask(ui, {}, function () {
      return content
        .getComputedStyle(content.document.body)
        .getPropertyValue("background-color");
    });
    is(
      color,
      "rgb(0, 128, 0)",
      "Content is still modified from click in viewport"
    );

    await closeRDM(tab);

    // Check color back in the browser tab
    color = await SpecialPowers.spawn(browser, [], async function () {
      return content
        .getComputedStyle(content.document.body)
        .getPropertyValue("background-color");
    });
    is(
      color,
      "rgb(0, 128, 0)",
      "Content is still modified from click in browser tab"
    );

    // Check session history state
    history = await getSessionHistory(browser);
    is(history.index - 1, 1, "At page 1 in history");
    is(history.entries.length, 3, "3 pages in history");
    is(history.entries[0].url, DUMMY_1_URL, "Page 0 URL matches");
    is(history.entries[1].url, TEST_URL, "Page 1 URL matches");
    is(history.entries[2].url, DUMMY_2_URL, "Page 2 URL matches");

    await removeTab(tab);
  },
  { onlyPrefAndTask: true }
);