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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test that the flex item outline renders the basis and final points as a single point
// if their sizes are equal. If not, then render as separate points.
const TEST_URI = URL_ROOT + "doc_flexbox_specific_cases.html";
add_task(async function () {
await addTab(TEST_URI);
const { inspector, flexboxInspector } = await openLayoutView();
const { document: doc, store } = flexboxInspector;
info("Select a flex item whose basis size matches its final size.");
let onUpdate = waitForDispatch(store, "UPDATE_FLEXBOX");
await selectNode(".item", inspector);
await onUpdate;
const [basisFinalPoint] = [
...doc.querySelectorAll(".flex-outline-point.basisfinal"),
];
ok(basisFinalPoint, "The basis/final point exists");
info("Select a flex item whose basis size is different than its final size.");
onUpdate = waitForDispatch(store, "UPDATE_FLEXBOX");
await selectNode(".shrinking .item", inspector);
await onUpdate;
const [basis, final] = [
...doc.querySelectorAll(
".flex-outline-point.basis, .flex-outline-point.final"
),
];
ok(basis, "The basis point exists");
ok(final, "The final point exists");
});
|
