devtools/client/inspector/flexbox/test/browser_flexbox_text_nodes_are_listed.js


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

/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that text nodes that are flex items do appear in the list of items.

const TEST_URI = URL_ROOT + "doc_flexbox_text_nodes.html";

add_task(async function () {
  await addTab(TEST_URI);
  const { inspector, flexboxInspector } = await openLayoutView();
  const { document: doc } = flexboxInspector;

  // Select the flex container in the inspector.
  const onItemsListRendered = waitForDOM(
    doc,
    ".layout-flexbox-wrapper .flex-item-list"
  );
  await selectNode(".container", inspector);
  const [flexItemList] = await onItemsListRendered;

  const items = [...flexItemList.querySelectorAll("button .objectBox")];
  is(items.length, 3, "There are 3 items displayed in the list");

  is(items[0].textContent, "#text", "The first item is a text node");
  is(items[2].textContent, "#text", "The third item is a text node");
});