tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.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-reverse</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/#valuedef-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" />
<meta content="dom" name="flags" />
<style>
body {
	color: red;
	flex-flow: row-reverse wrap-reverse;
}
.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-reverse");
    body.textContent = body.className = passed ? "PASS" : "FAIL";
    try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>