Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-10 16:05:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985

Browse source
This commit is contained in:
Josh Matthews 2017-10-31 08:58:31 -04:00
parent 43a4f01647
commit 64e0a52537
12717 changed files with 59835 additions and 59820 deletions
Download patch file Download diff file Expand all files Collapse all files

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-content: center</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-content: center;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"center");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-content: flex-end</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-content: flex-end;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"flex-end");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-content: flex-start</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-content: flex-start;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"flex-start");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-content: space-around</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-content: space-around;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"space-around");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-content: space-between</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-content: space-between;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"space-between");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: baseline</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: baseline;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"baseline");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: center</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: center;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"center");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: flex-end</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: flex-end;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"flex-end");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: flex-start</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: flex-start;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"flex-start");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: invalid</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: damer;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"stretch");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-items: stretch</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-items: stretch;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"stretch");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: baseline</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: baseline;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"baseline");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: center</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: center;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"center");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: flex-end</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: flex-end;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"flex-end");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: flex-start</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: flex-start;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"flex-start");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: invalid</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: damer;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"stretch");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | align-self: stretch</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
align-self: stretch;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"stretch");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | display: inline-flex</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
display: inline-flex;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("display"),
"inline-flex");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | display: flex</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
display: flex;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("display"),
"flex");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-basis: 0</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-basis: 0;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-basis: 0%</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-basis: 0%;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-basis: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-basis: auto;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

27
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-basis: percent</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
html {
display: flex;
width: 100px;
}
body {
color: red;
margin: 0;
flex-basis: 100%;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"100%");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-direction: column-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-direction: column-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-direction: column</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-direction: column;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-direction: row</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-direction: damer;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-direction: row-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-direction: row-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-direction: row</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-direction: row;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column-reverse nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column-reverse nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column-reverse wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column-reverse wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column wrap-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column wrap-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: column</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: column;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row-reverse nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row-reverse nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row-reverse wrap-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row-reverse wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row-reverse wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row wrap-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row wrap-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: row</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: row;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-flow: wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-flow: wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-grow: 0</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-grow: 0;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-grow: negative</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-grow: -1;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-grow: number</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-grow: 666;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: 0 auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: initial;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: auto;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: initial</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: initial;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: invalid</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: 0 1 1;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: none;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: number</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: 666;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex: invalid</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex: 666 666 666px;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"666px");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-shrink: 0</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-shrink: 0;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"0");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-shrink: negative</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-shrink: -1;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-shrink: number</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-shrink: 666;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"666");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-wrap: wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-wrap: damer;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-wrap: nowrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-wrap: nowrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-wrap: wrap-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-wrap: wrap-reverse;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | flex-wrap: wrap</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
flex-wrap: wrap;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | justify-content: center</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
justify-content: center;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"center");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | justify-content: flex-end</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
justify-content: flex-end;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"flex-end");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | justify-content: flex-start</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
justify-content: flex-start;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"flex-start");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | justify-content: space-around</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
justify-content: space-around;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"space-around");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | justify-content: space-between</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
justify-content: space-between;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"space-between");
});
</script>

26
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>flexbox | computed style | min-height: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
html {
display: flex;
flex-direction: column;
}
body {
color: red;
min-height: auto;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("min-height"),
"auto");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | min-width: auto</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
html {
display: flex;
}
body {
color: red;
min-width: auto;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("min-width"),
"auto");
});
</script>

25
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>flexbox | computed style | order: -1</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
html {
order: 666;
}
body {
color: red;
order: inherit;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"666");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | order: integer</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
order: 5;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"5");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | order: noninteger</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
order: 1.5;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"0");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | order: -1</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
order: -1;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"-1");
});
</script>

22
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<title>flexbox | computed style | order: 0</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="flags" content="dom">
<style>
body {
color: red;
order: 0;
}
</style>
<div id="log"></div>
<script>
test(function() {
var body = document.body;
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"0");
});
</script>