browser_webconsole_error_with_grouped_stack.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

// Check if an error with a stack containing grouped frames works as expected.

"use strict";

const MESSAGE = "React Error";

const TEST_URI = `data:text/html;charset=utf8,<!DOCTYPE html><script>

  const x = new Error("${MESSAGE}");

  x.stack = "a@http://exampl.com:1:1\\n" +

    "grouped@http://react.js:1:1\\n" +

    "grouped2@http://react.js:1:1";

  console.error(x);

</script>`;

add_task(async function () {

  const hud = await openNewTabAndConsole(TEST_URI);

  info("Wait for the error to be logged");

  const msgNode = await waitFor(() => findConsoleAPIMessage(hud, MESSAGE));

  ok(!msgNode.classList.contains("open"), `Error logged not expanded`);

  const groupNode = await waitFor(() => msgNode.querySelector(".group"));

  ok(groupNode, "The error object is logged as expected");

  const onGroupExpanded = waitFor(() =>

    msgNode.querySelector(".frames-group.expanded")

);

  groupNode.click();

  await onGroupExpanded;

  ok(true, "The stacktrace group was expanded");

is(

    msgNode.querySelectorAll(".frame").length,

3,

    "Expected frames are displayed"

);

ok(

    !msgNode.classList.contains("open"),

    `Error message is still not expanded`

);

});