summaryrefslogtreecommitdiffstats
path: root/browser/components/customizableui/test/browser_934951_zoom_in_toolbar.js
blob: db1d6175ab0d32eaeeb04d85103ea7f00b2ffccb (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
92
93
94
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* eslint-disable mozilla/no-arbitrary-setTimeout */

"use strict";

let gZoomResetButton;

async function waitForZoom(zoom) {
  if (parseInt(gZoomResetButton.label) == zoom) {
    return;
  }
  await promiseAttributeMutation(gZoomResetButton, "label", v => {
    return parseInt(v) == zoom;
  });
}

// Bug 934951 - Zoom controls percentage label doesn't update when it's in the toolbar and you navigate.
add_task(async function () {
  CustomizableUI.addWidgetToArea("zoom-controls", CustomizableUI.AREA_NAVBAR);
  gZoomResetButton = document.getElementById("zoom-reset-button");
  let tab1 = BrowserTestUtils.addTab(gBrowser, "about:mozilla");
  await BrowserTestUtils.browserLoaded(tab1.linkedBrowser);
  let tab2 = BrowserTestUtils.addTab(gBrowser, "about:robots");
  await BrowserTestUtils.browserLoaded(tab2.linkedBrowser);
  gBrowser.selectedTab = tab1;

  registerCleanupFunction(() => {
    info("Cleaning up.");
    CustomizableUI.reset();
    gBrowser.removeTab(tab2);
    gBrowser.removeTab(tab1);
  });

  is(
    parseInt(gZoomResetButton.label, 10),
    100,
    "Default zoom is 100% for about:mozilla"
  );
  FullZoom.enlarge();
  await waitForZoom(110);
  is(
    parseInt(gZoomResetButton.label, 10),
    110,
    "Zoom is changed to 110% for about:mozilla"
  );

  let tabSelectPromise = TestUtils.topicObserved(
    "browser-fullZoom:location-change"
  );
  gBrowser.selectedTab = tab2;
  await tabSelectPromise;
  await waitForZoom(100);
  is(
    parseInt(gZoomResetButton.label, 10),
    100,
    "Default zoom is 100% for about:robots"
  );

  gBrowser.selectedTab = tab1;
  await waitForZoom(110);
  FullZoom.reset();
  await waitForZoom(100);
  is(
    parseInt(gZoomResetButton.label, 10),
    100,
    "Default zoom is 100% for about:mozilla"
  );

  // Test zoom label updates while navigating pages in the same tab.
  FullZoom.enlarge();
  await waitForZoom(110);
  is(
    parseInt(gZoomResetButton.label, 10),
    110,
    "Zoom is changed to 110% for about:mozilla"
  );
  await promiseTabLoadEvent(tab1, "about:home");
  await waitForZoom(100);
  is(
    parseInt(gZoomResetButton.label, 10),
    100,
    "Default zoom is 100% for about:home"
  );
  gBrowser.selectedBrowser.goBack();
  await waitForZoom(110);
  is(
    parseInt(gZoomResetButton.label, 10),
    110,
    "Zoom is still 110% for about:mozilla"
  );
  FullZoom.reset();
});