Title: [154082] trunk/LayoutTests
Revision
154082
Author
[email protected]
Date
2013-08-14 16:59:01 -0700 (Wed, 14 Aug 2013)

Log Message

<https://webkit.org/b/119817> AX: Integrate layout tests from overflow bounding boxes are way too big; prevents VoiceOver taps from activating the right elements

Reviewed by Simon Fraser.

Add a layout test to ensure that transformed elements do not get offset twice when calculating their accessibility bounds.

* accessibility/transformed-bounds-expected.txt: Added.
* accessibility/transformed-bounds.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (154081 => 154082)


--- trunk/LayoutTests/ChangeLog	2013-08-14 23:24:45 UTC (rev 154081)
+++ trunk/LayoutTests/ChangeLog	2013-08-14 23:59:01 UTC (rev 154082)
@@ -1,3 +1,14 @@
+2013-08-14  Chris Fleizach  <[email protected]>
+
+        <https://webkit.org/b/119817> AX: Integrate layout tests from overflow bounding boxes are way too big; prevents VoiceOver taps from activating the right elements
+
+        Reviewed by Simon Fraser.
+
+        Add a layout test to ensure that transformed elements do not get offset twice when calculating their accessibility bounds.
+
+        * accessibility/transformed-bounds-expected.txt: Added.
+        * accessibility/transformed-bounds.html: Added.
+
 2013-08-14  Hans Muller  <[email protected]>
 
         [CSS Exclusions] Minimal support for using an image to define a shape

Added: trunk/LayoutTests/accessibility/transformed-bounds-expected.txt (0 => 154082)


--- trunk/LayoutTests/accessibility/transformed-bounds-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/accessibility/transformed-bounds-expected.txt	2013-08-14 23:59:01 UTC (rev 154082)
@@ -0,0 +1,12 @@
+Test
+This tests that if a view is in a transformed layer, the bounds will not be offset by the origin of the transformed layer.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS tab.width < 40 is true
+PASS tab.height < 30 is true
+PASS successfullyParsed is true
+
+TEST COMPLETE
+

Added: trunk/LayoutTests/accessibility/transformed-bounds.html (0 => 154082)


--- trunk/LayoutTests/accessibility/transformed-bounds.html	                        (rev 0)
+++ trunk/LayoutTests/accessibility/transformed-bounds.html	2013-08-14 23:59:01 UTC (rev 154082)
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script src=""
+
+    <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=""
+
+</div>
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to