tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

rule-break-shorthand.html (1346B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <title>CSS Gap Decorations: rule-break sets longhands</title>
      6 <link rel="help" href="https://www.w3.org/TR/css-gaps-1/#propdef-rule-break">
      7 <meta name="assert" content="rule-break supports the full grammar '<*-rule-break>'.">
      8 <script src="/resources/testharness.js"></script>
      9 <script src="/resources/testharnessreport.js"></script>
     10 <script src="/css/support/shorthand-testcommon.js"></script>
     11 </head>
     12 <body>
     13 <script>
     14 const rule_properties = {
     15    'rule-break': ['column-rule-break',
     16                    'row-rule-break'],
     17 };
     18 
     19 const testCases = [
     20    {
     21        input: 'intersection',
     22        expected: {
     23            column: 'intersection',
     24            row: 'intersection'
     25        }
     26    },
     27    {
     28        input: 'none',
     29        expected: {
     30            column: 'none',
     31            row: 'none'
     32        }
     33    },
     34    {
     35        input: 'spanning-item',
     36        expected: {
     37            column: 'spanning-item',
     38            row: 'spanning-item'
     39        }
     40    },
     41  ];
     42 
     43 for(rule_property in rule_properties) {
     44    const [column, row] = rule_properties[rule_property];
     45 
     46    for (const { input, expected } of testCases) {
     47            test_shorthand_value(rule_property, input, {
     48                [column]: expected.column,
     49                [row]: expected.row
     50            });
     51    }
     52 }
     53 </script>
     54 </body>
     55 </html>