93 lines
2.8 KiB
HTML
93 lines
2.8 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
|
|
<style>
|
|
|
|
.pills .button {
|
|
display:inline-block;
|
|
}
|
|
|
|
.ipad .top-section {
|
|
text-align:center
|
|
}
|
|
|
|
.pills {
|
|
display:inline-block;
|
|
margin:0 auto 10px;
|
|
padding:0 15px;
|
|
min-width:292px
|
|
}
|
|
|
|
.pills div {
|
|
display:inline-block;
|
|
}
|
|
|
|
.swoosh-overlay .contents .row .item:not(.software) .card-container {
|
|
-webkit-transform-origin-x:315px
|
|
}
|
|
|
|
.swoosh-overlay .contents .row .item .card-container {
|
|
-webkit-transform-style:preserve-3d;
|
|
position:absolute
|
|
}
|
|
|
|
.swoosh-overlay .item .card-back {
|
|
position:absolute;
|
|
width:630px;
|
|
height:630px;
|
|
-webkit-backface-visibility:hidden;
|
|
-webkit-transform:rotatey(180deg)
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="ipad portrait">
|
|
|
|
<div class="swoosh-overlay portrait">
|
|
<div class="contents">
|
|
<div class="row">
|
|
<div class="item album" aria-hidden="false" style="-webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(69px, 140px, 0px) scale(1, 1); opacity: 0.9999; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;">
|
|
<div class="card-container" style="-webkit-transform: rotateY(180deg);">
|
|
<div role="dialog" class="card-back">
|
|
<div>
|
|
<div class="product-overlay">
|
|
<div class="top-section">
|
|
<div class="pills" role="tablist" num-pills="4" aria-hidden="false" style="background-position: -160px 100%;">
|
|
<div role="tab" aria-selected="true" tabindex="0" id="tab">
|
|
<span class="button selected" ><span class="label">Test</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that if a view is in a transformed layer, the bounds will not be offset by the origin of the transformed layer.");
|
|
|
|
if (window.accessibilityController) {
|
|
var tab = accessibilityController.accessibleElementById("tab");
|
|
shouldBeTrue("tab.width < 40");
|
|
shouldBeTrue("tab.height < 30");
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|