testing/web-platform/tests/css/css-text/text-group-align/support/test-helpers.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
29
30
31
32
33
34
35
36

const simpleTestString = `ABCDEFGHIJKLO
AAAAAAAA
AAAA
AA
A`;

function generateSimpleTest({ textGroupAlign, textAlign, direction, writingMode }) {
    if (!direction)
        direction = "ltr";
    if (!writingMode)
        writingMode = "horizontal-tb";

    const container = document.createElement("div");
    container.textContent = simpleTestString;
    container.style = `text-group-align: ${textGroupAlign}; text-align: ${textAlign}; direction: ${direction}; writing-mode: ${writingMode}`;
    container.classList.add("text-container", "pre");
    document.body.append(container);
}

function generateSimpleReference({ textGroupAlign, textAlign, direction, writingMode }) {
    if (!direction)
        direction = "ltr";
    if (!writingMode)
        writingMode = "horizontal-tb";

    const container = document.createElement("div");
    container.classList.add("text-container", "pre");
    container.style = `text-align: ${textAlign}; direction: ${direction}; writing-mode: ${writingMode}`;

    const group = document.createElement("div");
    group.textContent = simpleTestString;
    group.classList.add("group", `group-align-${textGroupAlign}`);
    container.append(group);

    document.body.append(container);
}