browser_popupNotification_long_origin.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// Test that long origins in both the name and secondName placeholders wrap

// inside the description instead of overflowing it.

add_task(async function test_long_origins_wrap() {

  let longOrigin =

    "abc.login.secures.documents.drives.accounts.support.google.com.example.org";

  let popupShownPromise = waitForNotificationPanel();

  let notification = PopupNotifications.show(

    gBrowser.selectedBrowser,

    "test-long-origin",

    "Allow <> to give {} permission?",

    null,

    { label: "Allow", accessKey: "A", callback() {} },

[],

    { name: longOrigin, secondName: longOrigin }

);

  await popupShownPromise;

  let description = PopupNotifications.panel.querySelector(

    ".popup-notification-description"

);

  let descriptionRight = description.getBoundingClientRect().right;

  let [name, secondName] = description.querySelectorAll("b");

  for (let [label, element] of [

    ["name", name],

    ["secondName", secondName],

  ]) {

    is(element.textContent, longOrigin, `${label} has the origin`);

    Assert.lessOrEqual(

      element.getBoundingClientRect().right,

      descriptionRight + 1,

      `${label} does not overflow the description`

);

  let popupHiddenPromise = waitForNotificationPanelHidden();

  notification.remove();

  await popupHiddenPromise;

});