mirror of
https://github.com/servo/servo.git
synced 2025-08-05 13:40:08 +01:00
Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8
This commit is contained in:
James Graham
parent
662c00a810
commit
df03062d62
10934 changed files with 428309 additions and 254265 deletions
|
|
@ -3,16 +3,32 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>CSS Test: Grid Layout - Properties exist</title>
|
||||
<link href="mailto:johnhax@gmail.com" rel="author" title="贺师俊">
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas">
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen"> <!-- 2013-09-30 -->
|
||||
<link href="http://www.w3.org/TR/css-grid-1/#property-index" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<meta content="Test checks that css properties of grid layout exist." name="assert">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
#container {
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
}
|
||||
#myDiv {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="myDiv"></div>
|
||||
<div id="log"></div>
|
||||
<div id="container">
|
||||
<div id="myDiv">
|
||||
<div>I T</div>
|
||||
<div>IT</div>
|
||||
<div>I</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var myDiv = document.getElementById('myDiv')
|
||||
|
|
@ -48,112 +64,165 @@
|
|||
Object.keys(syntaxTests).forEach(function(testcase){
|
||||
test(function(){
|
||||
assert_own_property(myDiv.style, prop)
|
||||
myDiv.style[prop] = syntaxTests[testcase]
|
||||
assert_equals(getComputedStyle(myDiv)[prop], syntaxTests[testcase], testcase)
|
||||
//assert_equals(myDiv.style[prop], syntaxTests[testcase], testcase)
|
||||
myDiv.style[prop] = syntaxTests[testcase][0]
|
||||
assert_equals(myDiv.style[prop], syntaxTests[testcase][0], testcase)
|
||||
assert_equals(getComputedStyle(myDiv)[prop], syntaxTests[testcase][1], testcase)
|
||||
}, prop + '.' + testcase)
|
||||
})
|
||||
})
|
||||
|
||||
}({
|
||||
'grid-template-columns': { // named 'grid-definition-columns' in last draft
|
||||
initial: 'none',
|
||||
'none': 'none',
|
||||
'<line-names>': 'a b c',
|
||||
'<track-size>.auto': 'auto',
|
||||
'<track-size>.<track-breadth>.<length>': '100px',
|
||||
'<track-size>.<track-breadth>.<percentage>': '100%',
|
||||
'<track-size>.<track-breadth>.<flex>': '1fr',
|
||||
'<track-size>.<track-breadth>.min-content': 'min-content',
|
||||
'<track-size>.<track-breadth>.max-content': 'max-content',
|
||||
'<track-size>.<track-breadth>.minmax()': 'minmax(100px, 200px)',
|
||||
initial: '150px',
|
||||
'none': ['none', '150px'],
|
||||
'<line-names>': ['[a] auto [b] auto [c]', '[a] 150px [b] 100px [c]'],
|
||||
'<track-size>.auto': ['auto', '150px'],
|
||||
'<track-size>.<track-breadth>.<length>': ['100px', '100px'],
|
||||
'<track-size>.<track-breadth>.<percentage>': ['100%', '800px'],
|
||||
'<track-size>.<track-breadth>.<flex>': ['1fr', '800px'],
|
||||
'<track-size>.<track-breadth>.min-content': ['min-content', '100px'],
|
||||
'<track-size>.<track-breadth>.max-content': ['max-content', '150px'],
|
||||
'<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', '200px'],
|
||||
'reset': ['none', '150px'],
|
||||
},
|
||||
'grid-template-rows': { // named 'grid-definition-rows' in last draft
|
||||
initial: 'none',
|
||||
'none': 'none',
|
||||
'<line-names>': 'a b c',
|
||||
'<track-size>.auto': 'auto',
|
||||
'<track-size>.<track-breadth>.<length>': '100px',
|
||||
'<track-size>.<track-breadth>.<percentage>': '100%',
|
||||
'<track-size>.<track-breadth>.<flex>': '1fr',
|
||||
'<track-size>.<track-breadth>.min-content': 'min-content',
|
||||
'<track-size>.<track-breadth>.max-content': 'max-content',
|
||||
'<track-size>.<track-breadth>.minmax()': 'minmax(100px, 200px)',
|
||||
initial: '50px 50px 50px',
|
||||
'none': ['none', '50px 50px 50px'],
|
||||
'<line-names>': ['[a] auto [b] auto [c]', '[a] 50px [b] 50px [c] 50px'],
|
||||
'<track-size>.auto': ['auto', '50px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.<length>': ['100px', '100px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.<percentage>': ['100%', '50px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.<flex>': ['1fr', '50px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.min-content': ['min-content', '50px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.max-content': ['max-content', '50px 50px 50px'],
|
||||
'<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', '200px 50px 50px'],
|
||||
'reset': ['none', '50px 50px 50px'],
|
||||
},
|
||||
'grid-template-areas': {
|
||||
initial: 'none',
|
||||
'<string>+': 'a',
|
||||
'none': ['none', 'none'],
|
||||
'<string>+': ['"a"', '"a"'],
|
||||
'reset': ['none', 'none'],
|
||||
},
|
||||
'grid-template': {
|
||||
'none': 'none',
|
||||
'<grid-template-columns> / <grid-template-rows>': '100px / 100px',
|
||||
'<line-names>': 'a b c',
|
||||
initial: '150px / 50px 50px 50px',
|
||||
'none': ['', '150px / 50px 50px 50px'],
|
||||
'<grid-template-columns> / <grid-template-rows>': ['200px 200px / 100px 100px', '200px 200px / 100px 100px'],
|
||||
'<line-names>': ['[a] auto [b] auto [c] / [d] auto [e] auto [f]', '[a] auto [b] auto [c] / [d] auto [e] auto [f]'],
|
||||
'<string>+': ['"a b" "a b"', '"a b" "a b"'],
|
||||
'<string><track-size>+': ['100px / "a b" 50px', '100px / "a b" 50px'],
|
||||
'reset': ['', '150px / 50px 50px 50px'],
|
||||
},
|
||||
'grid-auto-columns': {
|
||||
initial: 'auto',
|
||||
'<track-size>.auto': 'auto',
|
||||
'<track-size>.<track-breadth>.<length>': '100px',
|
||||
'<track-size>.<track-breadth>.<percentage>': '100%',
|
||||
'<track-size>.<track-breadth>.<flex>': '1fr',
|
||||
'<track-size>.<track-breadth>.min-content': 'min-content',
|
||||
'<track-size>.<track-breadth>.max-content': 'max-content',
|
||||
'<track-size>.<track-breadth>.minmax()': 'minmax(100px, 200px)',
|
||||
'<track-size>.auto': ['auto', 'auto'],
|
||||
'<track-size>.<track-breadth>.<length>': ['100px', '100px'],
|
||||
'<track-size>.<track-breadth>.<percentage>': ['100%', '100%'],
|
||||
'<track-size>.<track-breadth>.<flex>': ['1fr', '1fr'],
|
||||
'<track-size>.<track-breadth>.min-content': ['min-content', 'min-content'],
|
||||
'<track-size>.<track-breadth>.max-content': ['max-content', 'max-content'],
|
||||
'<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-auto-rows': {
|
||||
initial: 'auto',
|
||||
'<track-size>.auto': 'auto',
|
||||
'<track-size>.<track-breadth>.<length>': '100px',
|
||||
'<track-size>.<track-breadth>.<percentage>': '100%',
|
||||
'<track-size>.<track-breadth>.<flex>': '1fr',
|
||||
'<track-size>.<track-breadth>.min-content': 'min-content',
|
||||
'<track-size>.<track-breadth>.max-content': 'max-content',
|
||||
'<track-size>.<track-breadth>.minmax()': 'minmax(100px, 200px)',
|
||||
'<track-size>.auto': ['auto', 'auto'],
|
||||
'<track-size>.<track-breadth>.<length>': ['100px', '100px'],
|
||||
'<track-size>.<track-breadth>.<percentage>': ['100%', '100%'],
|
||||
'<track-size>.<track-breadth>.<flex>': ['1fr', '1fr'],
|
||||
'<track-size>.<track-breadth>.min-content': ['min-content', 'min-content'],
|
||||
'<track-size>.<track-breadth>.max-content': ['max-content', 'max-content'],
|
||||
'<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-auto-flow': {
|
||||
initial: 'rows',
|
||||
'rows': 'rows',
|
||||
'columns': 'columns',
|
||||
'dense': 'rows dense',
|
||||
},
|
||||
'grid-auto': {
|
||||
initial: 'row',
|
||||
'row': ['row', 'row'],
|
||||
'column': ['column', 'column'],
|
||||
'dense': ['dense', 'row dense'],
|
||||
'row dense': ['row dense', 'row dense'],
|
||||
'column dense': ['column dense', 'column dense'],
|
||||
'reset': ['row', 'row'],
|
||||
},
|
||||
'grid-row-start': {
|
||||
initial: 'auto',
|
||||
'auto': 'auto',
|
||||
'<indent>': 'a',
|
||||
'<integer>': '1',
|
||||
'<integer> && <indent>': '1 a',
|
||||
'span': 'span 1',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a', 'a'],
|
||||
'<integer>': ['1', '1'],
|
||||
'<integer> <ident>': ['1 a', '1 a'],
|
||||
'span <integer>': ['span 1', 'span 1'],
|
||||
'span <custom-ident>': ['span a', 'span 1 a'],
|
||||
'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-column-start': {
|
||||
initial: 'auto',
|
||||
'auto': 'auto',
|
||||
'<indent>': 'a',
|
||||
'<integer>': '1',
|
||||
'<integer> && <indent>': '1 a',
|
||||
'span': 'span 1',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a', 'a'],
|
||||
'<integer>': ['1', '1'],
|
||||
'<integer> <ident>': ['1 a', '1 a'],
|
||||
'span <integer>': ['span 1', 'span 1'],
|
||||
'span <custom-ident>': ['span a', 'span 1 a'],
|
||||
'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-row-end': {
|
||||
initial: 'auto',
|
||||
'auto': 'auto',
|
||||
'<indent>': 'a',
|
||||
'<integer>': '1',
|
||||
'<integer> && <indent>': '1 a',
|
||||
'span': 'span 1',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a', 'a'],
|
||||
'<integer>': ['1', '1'],
|
||||
'<integer> <ident>': ['1 a', '1 a'],
|
||||
'span <integer>': ['span 1', 'span 1'],
|
||||
'span <custom-ident>': ['span a', 'span 1 a'],
|
||||
'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-column-end': {
|
||||
initial: 'auto',
|
||||
'auto': 'auto',
|
||||
'<indent>': 'a',
|
||||
'<integer>': '1',
|
||||
'<integer> && <indent>': '1 a',
|
||||
'span': 'span 1',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a', 'a'],
|
||||
'<integer>': ['1', '1'],
|
||||
'<integer> <ident>': ['1 a', '1 a'],
|
||||
'span <integer>': ['span 1', 'span 1'],
|
||||
'span <custom-ident>': ['span a', 'span 1 a'],
|
||||
'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-column': {
|
||||
initial: 'auto',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a / b', 'a / b'],
|
||||
'<integer> start': ['1', '1'],
|
||||
'<integer>': ['1 / 3', '1 / 3'],
|
||||
'<integer> <ident>': ['1 a / 2 b', '1 a / 2 b'],
|
||||
'span <integer>': ['span 1 / span 2', 'span 1 / span 2'],
|
||||
'span <custom-ident>': ['span a / span b', 'span 1 a / span 1 b'],
|
||||
'span <integer> <custom-ident>': ['span 2 a / span 3 b', 'span 2 a / span 3 b'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-row': {
|
||||
initial: 'auto',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a / b', 'a / b'],
|
||||
'<integer> start': ['1', '1'],
|
||||
'<integer>': ['1 / 3', '1 / 3'],
|
||||
'<integer> <ident>': ['1 a / 2 b', '1 a / 2 b'],
|
||||
'span <integer>': ['span 1 / span 2', 'span 1 / span 2'],
|
||||
'span <custom-ident>': ['span a / span b', 'span 1 a / span 1 b'],
|
||||
'span <integer> <custom-ident>': ['span 2 a / span 3 b', 'span 2 a / span 3 b'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
'grid-area': {
|
||||
initial: 'auto',
|
||||
'auto': ['auto', 'auto'],
|
||||
'<custom-ident>': ['a / b / c / d', 'a / b / c / d'],
|
||||
'<integer> start': ['1 / 2', '1 / 2'],
|
||||
'<integer>': ['1 / 2 / 3 / 4', '1 / 2 / 3 / 4'],
|
||||
'<integer> <ident>': ['1 a / 2 b / 3 c / 4 d', '1 a / 2 b / 3 c / 4 d'],
|
||||
'span <integer>': ['span 1 / span 2 / span 3 / span 4', 'span 1 / span 2 / span 3 / span 4'],
|
||||
'span <custom-ident>': ['span a / span b / span c / span d', 'span 1 a / span 1 b / span 1 c / span 1 d'],
|
||||
'span <integer> <custom-ident>': ['span 2 a / span 3 b / span 4 c / span 5 d', 'span 2 a / span 3 b / span 4 c / span 5 d'],
|
||||
'reset': ['auto', 'auto'],
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue