GeezerVison is showing github.com — wpt/css/css-syntax/anb-parsing.html at master · web-platform-tests/wpt

Expand file tree

anb-parsing.html

Copy path

More file actions

Latest commit

History

125 lines (116 loc) · 3.26 KB

anb-parsing.html

Copy path

File metadata and controls

125 lines (116 loc) · 3.26 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

<!doctype html>

<title>An+B Parsing</title>

<style>

foo { color: blue; }

</style>

function roundtripANB(str) {

const rule = document.styleSheets[0].cssRules[0];

rule.selectorText = "foo";

rule.selectorText = `:nth-child(${str})`;

// Check for parse error.

if(rule.selectorText == "foo") return "parse error";

return rule.selectorText.slice(11, -1);

}

function testANB(input, expected) {

test(()=>{

assert_equals(roundtripANB(input), expected);

}, `"${input}" becomes "${expected}"`);

}

/* Just going down all the syntax clauses one-by-one */

// odd | even |

testANB("odd", "2n+1");

testANB("even", "2n");

// <integer> |

testANB("1", "1");

testANB("+1", "1");

testANB("-1", "-1");

// <n-dimension> |

testANB("5n", "5n");

testANB("5N", "5n");

// '+'?† n |

testANB("+n", "n");

testANB("n", "n");

testANB("N", "n");

testANB("+ n", "parse error");

// -n |

testANB("-n", "-n");

testANB("-N", "-n");

// <ndashdigit-dimension> |

testANB("5n-5", "5n-5");

// '+'?† <ndashdigit-ident> |

testANB("+n-5", "n-5");

testANB("n-5", "n-5");

testANB("+ n-5", "parse error");

// <dashndashdigit-ident> |

testANB("-n-5", "-n-5");

// <n-dimension> <signed-integer> |

testANB("5n +5", "5n+5");

testANB("5n -5", "5n-5");

// '+'?† n <signed-integer> |

testANB("+n +5", "n+5");

testANB("n +5", "n+5");

testANB("+n -5", "n-5");

testANB("+ n +5", "parse error");

testANB("n 5", "parse error");

// -n <signed-integer> |

testANB("-n +5", "-n+5");

testANB("-n -5", "-n-5");

testANB("-n 5", "parse error");

// <ndash-dimension> <signless-integer> |

testANB("5n- 5", "5n-5");

testANB("5n- -5", "parse error");

testANB("5n- +5", "parse error");

testANB("-5n- 5", "-5n-5");

// '+'?† n- <signless-integer> |

testANB("+n- 5", "n-5");

testANB("n- 5", "n-5");

testANB("+ n- 5", "parse error");

testANB("n- +5", "parse error");

testANB("n- -5", "parse error");

// -n- <signless-integer> |

testANB("-n- 5", "-n-5");

testANB("-n- +5", "parse error");

testANB("-n- -5", "parse error");

// <n-dimension> ['+' | '-'] <signless-integer>

testANB("5n + 5", "5n+5");

testANB("5n - 5", "5n-5");

testANB("5n + +5", "parse error");

testANB("5n + -5", "parse error");

testANB("5n - +5", "parse error");

testANB("5n - -5", "parse error");

// '+'?† n ['+' | '-'] <signless-integer> |

testANB("+n + 5", "n+5");

testANB("n + 5", "n+5");

testANB("+ n + 5", "parse error");

testANB("+n - 5", "n-5");

testANB("+n + +5", "parse error");

testANB("+n + -5", "parse error");

testANB("+n - +5", "parse error");

testANB("+n - -5", "parse error");

// -n ['+' | '-'] <signless-integer>

testANB("-n + 5", "-n+5");

testANB("-n - 5", "-n-5");

testANB("-n + +5", "parse error");

testANB("-n + -5", "parse error");

testANB("-n - +5", "parse error");

testANB("-n - -5", "parse error");

/* Swapped ordering is invalid */

testANB("1 - n", "parse error");

testANB("0 - n", "parse error");

testANB("-1 + n", "parse error");

/* Odd space usage */

testANB("2 n + 2", "parse error");

testANB("- 2n", "parse error");

testANB("+ 2n", "parse error");

testANB("+2 n", "parse error");

</script>