browser_etp_exceptions_dialog.js

Enable keyboard shortcuts

This test gets skipped with pattern: os == 'linux' && os_version == '18.04' && asan OR os == 'linux' && os_version == '18.04' && tsan OR win11_2009 && asan
Manifest: browser/components/preferences/tests/browser.toml

/* Any copyright is dedicated to the Public Domain.

 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

const PERMISSIONS_URL =

  "chrome://browser/content/preferences/dialogs/permissions.xhtml";

const TRACKING_URL = "https://example.com";

async function openETPExceptionsDialog(doc) {

  let exceptionsButton = doc.getElementById("trackingProtectionExceptions");

  ok(exceptionsButton, "trackingProtectionExceptions button found");

  let dialogPromise = promiseLoadSubDialog(PERMISSIONS_URL);

  exceptionsButton.click();

  let dialog = await dialogPromise;

  return dialog;

async function addETPPermission(doc) {

  let dialog = await openETPExceptionsDialog(doc);

  let url = dialog.document.getElementById("url");

  let buttonDisableETP = dialog.document.getElementById("btnDisableETP");

  let permissionsBox = dialog.document.getElementById("permissionsBox");

  let currentPermissions = permissionsBox.itemCount;

  url.value = TRACKING_URL;

  url.dispatchEvent(new Event("input", { bubbles: true }));

is(

    buttonDisableETP.hasAttribute("disabled"),

    false,

    "Disable ETP button is selectable after url is entered"

);

  buttonDisableETP.click();

  // Website is listed

is(

    permissionsBox.itemCount,

    currentPermissions + 1,

    "Website added in url should be in the list"

);

  let saveButton = dialog.document.querySelector("dialog").getButton("accept");

  saveButton.click();

  BrowserTestUtils.waitForEvent(dialog, "unload");

async function removeETPPermission(doc) {

  let dialog = await openETPExceptionsDialog(doc);

  let permissionsBox = dialog.document.getElementById("permissionsBox");

  let elements = permissionsBox.getElementsByAttribute("origin", TRACKING_URL);

  // Website is listed

  ok(permissionsBox.itemCount, "List is not empty");

  permissionsBox.selectItem(elements[0]);

  let removePermissionButton =

    dialog.document.getElementById("removePermission");

is(

    removePermissionButton.hasAttribute("disabled"),

    false,

    "The button should be clickable to remove selected item"

);

  removePermissionButton.click();

  let saveButton = dialog.document.querySelector("dialog").getButton("accept");

  saveButton.click();

  BrowserTestUtils.waitForEvent(dialog, "unload");

async function checkShieldIcon(shieldIcon) {

  // Open the website and check that the tracking protection icon is enabled/disabled

  let tab = await BrowserTestUtils.openNewForegroundTab(gBrowser, TRACKING_URL);

  let icon = document.getElementById("tracking-protection-icon");

is(

    gBrowser.ownerGlobal

      .getComputedStyle(icon)

      .getPropertyValue("list-style-image"),

    shieldIcon,

    `The tracking protection icon shows the icon ${shieldIcon}`

);

  BrowserTestUtils.removeTab(tab);

// test adds and removes an ETP permission via the about:preferences#privacy and checks if the ProtectionsUI shield icon resembles the state

add_task(async function ETPPermissionSyncedFromPrivacyPane() {

  await openPreferencesViaOpenPreferencesAPI("panePrivacy", {

    leaveOpen: true,

});

  let win = gBrowser.selectedBrowser.contentWindow;

  let doc = win.document;

  await addETPPermission(doc);

  await checkShieldIcon(

    `url("chrome://browser/skin/tracking-protection-disabled.svg")`

);

  await removeETPPermission(doc);

  await checkShieldIcon(`url("chrome://browser/skin/tracking-protection.svg")`);

  BrowserTestUtils.removeTab(gBrowser.selectedTab);

});