wpt/css/css-gaps/parsing/rule-inset-cap-start-end-computed.html at master · web-platform-tests/wpt · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS Gaps: *-rule-edge-*-inset getComputedStyle()</title>
    <link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
    <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#inset">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/css/support/computed-testcommon.js"></script>
    <script src="/css/support/inheritance-testcommon.js"></script>
</head>
<body>
    <div id="target"></div>
    <style>
        #target {
            font-size: 40px;
        }
    </style>
    <script>
        // TODO(javiercon): Add shorthand support and test here.
        const properties = ["column-rule-inset-cap-start", "row-rule-inset-cap-start", "column-rule-inset-cap-end", "row-rule-inset-cap-end"];
        for (const property of properties) {
            test_computed_value(property, "10px");
            test_computed_value(property, "-20px");
            test_computed_value(property, "0.5em", "20px");
            test_computed_value(property, "calc(10px + 0.5em)", "30px");
            test_computed_value(property, "calc(10px - 0.5em)", "-10px");
            test_computed_value(property, "30%");
            test_computed_value(property, "calc(25% + 10px)");
            test_computed_value(property, "overlap-join");
        }
    </script>
</body>
</html>