diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-flexbox/getcomputedstyle | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/getcomputedstyle')
75 files changed, 1782 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html new file mode 100644 index 0000000000..cd7ed7ae2d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-center.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html new file mode 100644 index 0000000000..cce72e1399 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-end.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html new file mode 100644 index 0000000000..759b8c8c75 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-flex-start.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html new file mode 100644 index 0000000000..029c0e0a8d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-around.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html new file mode 100644 index 0000000000..81061d9b5b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-content-space-between.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html new file mode 100644 index 0000000000..ac0b48fb01 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-baseline.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html new file mode 100644 index 0000000000..e7cc1ee784 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-center.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html new file mode 100644 index 0000000000..480f0e3dd6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-end.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html new file mode 100644 index 0000000000..6c3b9e6c81 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-flex-start.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html new file mode 100644 index 0000000000..8c121dbacb --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html @@ -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: filler; +} +</style> +<div id="log"></div> +<script> +test(function() { + var body = document.body; + + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "normal"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html new file mode 100644 index 0000000000..3d6f1e3193 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-stretch.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html new file mode 100644 index 0000000000..49c21d294e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-baseline.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html new file mode 100644 index 0000000000..b86007d3f1 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-center.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html new file mode 100644 index 0000000000..ca729e3b1d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-end.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html new file mode 100644 index 0000000000..dd84c6da19 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-flex-start.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html new file mode 100644 index 0000000000..c33726ea4b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html @@ -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: filler; +} +</style> +<div id="log"></div> +<script> +test(function() { + var body = document.body; + + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "auto"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html new file mode 100644 index 0000000000..6604ec289a --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-stretch.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html new file mode 100644 index 0000000000..d1a777cd64 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display-inline.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html new file mode 100644 index 0000000000..08e9ad60ba --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_display.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html new file mode 100644 index 0000000000..7d3d3c721e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html new file mode 100644 index 0000000000..6abbc50a22 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-0percent.html @@ -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"), + "0%"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html new file mode 100644 index 0000000000..75ae0f6d52 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-auto.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html new file mode 100644 index 0000000000..e45bf24806 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-basis-percent.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html new file mode 100644 index 0000000000..7737ba67c5 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html new file mode 100644 index 0000000000..2ba9f818be --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-column.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html new file mode 100644 index 0000000000..e52ebc9882 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html @@ -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: filler; +} +</style> +<div id="log"></div> +<script> +test(function() { + var body = document.body; + + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html new file mode 100644 index 0000000000..e915c2bab2 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html new file mode 100644 index 0000000000..59b932f83b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-row.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html new file mode 100644 index 0000000000..98ba73c324 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html new file mode 100644 index 0000000000..7a51301706 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html new file mode 100644 index 0000000000..d5972d9e22 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html new file mode 100644 index 0000000000..7c4fcf6abe --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html new file mode 100644 index 0000000000..59b57f867d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html new file mode 100644 index 0000000000..dd5fb89cb6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html new file mode 100644 index 0000000000..35f2c0e7bb --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-column.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html new file mode 100644 index 0000000000..7520543f80 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html new file mode 100644 index 0000000000..db763c465c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html new file mode 100644 index 0000000000..48be7f8916 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html new file mode 100644 index 0000000000..9f4d3927d7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html new file mode 100644 index 0000000000..f59f8bf8b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html new file mode 100644 index 0000000000..893da8ce11 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html new file mode 100644 index 0000000000..d6a169b445 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html new file mode 100644 index 0000000000..42e85f120a --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html new file mode 100644 index 0000000000..ddf1284f51 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-row.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html new file mode 100644 index 0000000000..a1eb4dff7a --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-flow-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html new file mode 100644 index 0000000000..da23475c8a --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-0.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html new file mode 100644 index 0000000000..ae1a411caf --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-invalid.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html new file mode 100644 index 0000000000..db59e61455 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-grow-number.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html new file mode 100644 index 0000000000..d72926bd63 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-0-auto.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html new file mode 100644 index 0000000000..d8cdc34d65 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-auto.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html new file mode 100644 index 0000000000..d996bdeb2b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-initial.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html new file mode 100644 index 0000000000..3e700cf388 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-invalid.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html new file mode 100644 index 0000000000..6312a386ff --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-none.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html new file mode 100644 index 0000000000..a35622277b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand-number.html @@ -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"), + "0%"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html new file mode 100644 index 0000000000..dcfcf35d79 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shorthand.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html new file mode 100644 index 0000000000..6d65b0ea50 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-0.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html new file mode 100644 index 0000000000..e7844235f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-invalid.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html new file mode 100644 index 0000000000..be3e917b42 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-shrink-number.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html new file mode 100644 index 0000000000..9e904f5ad9 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html @@ -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: filler; +} +</style> +<div id="log"></div> +<script> +test(function() { + var body = document.body; + + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html new file mode 100644 index 0000000000..283826b98e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-nowrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html new file mode 100644 index 0000000000..600541e91e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap-reverse.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html new file mode 100644 index 0000000000..82407357c7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-wrap.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html new file mode 100644 index 0000000000..4cafe5da92 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html new file mode 100644 index 0000000000..0af4aea08f --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html new file mode 100644 index 0000000000..c04a7d32e2 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html new file mode 100644 index 0000000000..8d18b28e31 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html new file mode 100644 index 0000000000..238fa6af8d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html new file mode 100644 index 0000000000..ccfeb35cb6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-auto-size.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<title>CSS Flexible Box Test: computed style for auto minimum size</title> +<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org" /> +<link rel="help" href="https://drafts.csswg.org/css-flexbox/#min-size-auto" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + .flex { display: flex } + .none { display: none } + .min-wh { + min-width: auto; + min-height: auto; + } + .contents { display: contents } +</style> +<div class="flex"> + <div class="min-wh"></div> +</div> +<div class="none"> + <div class="flex"> + <div class="min-wh"></div> + </div> +</div> +<div class="flex"> + <div class="contents"> + <div class="min-wh"></div> + </div> +</div> +<div class="flex"> + <div class="min-wh none"></div> +</div> +<script> + const tests = [ + { description: "Computed min-width/min-height of specified auto for flex item.", computed: "auto" }, + { description: "Computed min-width/min-height of specified auto inside display:none which would otherwise have been a flex item.", computed: "0px" }, + { description: "Computed min-width/min-height of specified auto for flex item inside display:contents.", computed: "auto" }, + { description: "Computed min-width/min-height of specified auto with display:none which would otherwise have been a flex item.", computed: "0px" } + ]; + + const testElements = document.querySelectorAll(".min-wh"); + let testNo = 0; + for (let testElement of testElements) { + test(() => { + assert_equals(getComputedStyle(testElement).minWidth, tests[testNo].computed); + assert_equals(getComputedStyle(testElement).minHeight, tests[testNo].computed); + }, tests[testNo].description); + testNo++; + } +</script> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html new file mode 100644 index 0000000000..6291e01e38 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-height-auto.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html new file mode 100644 index 0000000000..6ddc114d68 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_min-width-auto.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html new file mode 100644 index 0000000000..dab1c1c6f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-inherit.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html new file mode 100644 index 0000000000..cd097b1949 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-integer.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html new file mode 100644 index 0000000000..17c19ee469 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-invalid.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html new file mode 100644 index 0000000000..c2fdab6cc0 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order-negative.html @@ -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> diff --git a/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html new file mode 100644 index 0000000000..9f94febe77 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_order.html @@ -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> |