tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
	color: red;
	flex-flow: row-reverse wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
<script>
    var body = document.body;

    var passed =
	    (getComputedStyle(body).getPropertyValue("flex-direction") ==
	    "row-reverse" &amp;&amp;
	    getComputedStyle(body).getPropertyValue("flex-wrap") ==
	    "wrap");
    body.textContent = body.className = passed ? "PASS" : "FAIL";
</script>
</body></html>