78 lines
1.8 KiB
HTML
78 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
div.box {
|
|
display: -moz-box;
|
|
display: -webkit-box;
|
|
display: box;
|
|
}
|
|
|
|
div.outer {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: red;
|
|
box-orient: vertical;
|
|
-moz-box-orient: vertical;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.inner {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: box;
|
|
box-align: stretch;
|
|
-moz-box-align: stretch;
|
|
-webkit-box-align: stretch;
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
height: 100px;
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="box outer">
|
|
<button class="inner" type="submit" id="button"></button>
|
|
</div>
|
|
<div class="box outer">
|
|
<input class="inner" type="text" value="" id="inputText">
|
|
</div>
|
|
<div class="box outer">
|
|
<textarea class="inner" id="textarea"></textarea>
|
|
</div>
|
|
<div class="box outer">
|
|
<input class="inner" type="submit" value="" id="submit">
|
|
</div>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("Check if form controls in vertical flex box will stretch horizontally when rendered as box as opposed to inline-box. If you see any red, then the test has failed.");
|
|
|
|
var element = null;
|
|
|
|
debug("Button");
|
|
element = document.getElementById("button");
|
|
shouldBe("element.offsetHeight", "100");
|
|
shouldBe("element.offsetWidth", "100");
|
|
|
|
debug("Text input");
|
|
element = document.getElementById("inputText");
|
|
shouldBe("element.offsetHeight", "100");
|
|
shouldBe("element.offsetWidth", "100");
|
|
|
|
debug("Textarea");
|
|
element = document.getElementById("textarea");
|
|
shouldBe("element.offsetHeight", "100");
|
|
shouldBe("element.offsetWidth", "100");
|
|
|
|
debug("Submit");
|
|
element = document.getElementById("submit");
|
|
shouldBe("element.offsetHeight", "100");
|
|
shouldBe("element.offsetWidth", "100");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|