OLD | NEW |
(Empty) | |
| 1 <style> |
| 2 postive-z-above, |
| 3 postive-z-below, |
| 4 zero-z-above, |
| 5 zero-z-below, |
| 6 no-z-above, |
| 7 no-z-below, |
| 8 postive-z-after { |
| 9 position: absolute; |
| 10 display: block; |
| 11 left: 0; |
| 12 right: 0; |
| 13 top: 0; |
| 14 bottom: 0; |
| 15 background-color: blue; |
| 16 } |
| 17 |
| 18 no-z-below { |
| 19 top: 50px; |
| 20 background-color: green; |
| 21 } |
| 22 zero-z-above { |
| 23 z-index: 0; |
| 24 top: 100px; |
| 25 background-color: red; |
| 26 } |
| 27 zero-z-below { |
| 28 z-index: 0; |
| 29 top: 150px; |
| 30 background-color: salmon; |
| 31 } |
| 32 postive-z-above { |
| 33 z-index: 1; |
| 34 top: 200px; |
| 35 background-color: yellow; |
| 36 } |
| 37 postive-z-below { |
| 38 z-index: 1; |
| 39 top: 250px; |
| 40 background-color: pink; |
| 41 } |
| 42 postive-z-after { |
| 43 z-index: 1; |
| 44 top: 300px; |
| 45 background-color: orange; |
| 46 } |
| 47 </style> |
| 48 <postive-z-above layer yellow></postive-z-above> |
| 49 <postive-z-below layer pink></postive-z-below> |
| 50 <no-z-above no-layer blue></no-z-above> |
| 51 <no-z-below no-layer green></no-z-below> |
| 52 <zero-z-above layer red></zero-z-above> |
| 53 <zero-z-below layer salmon></zero-z-below> |
| 54 <postive-z-after layer orange></postive-z-after> |
| 55 <script> |
| 56 import "../resources/third_party/unittest/unittest.dart"; |
| 57 import "../resources/unit.dart"; |
| 58 |
| 59 import "dart:sky"; |
| 60 |
| 61 void main() { |
| 62 initUnit(); |
| 63 |
| 64 test("should hit test top item", () { |
| 65 expect(document.elementFromPoint(100, 25).tagName, equals('no-z-above')); |
| 66 }); |
| 67 |
| 68 test("should hit test second", () { |
| 69 expect(document.elementFromPoint(100, 75).tagName, equals('no-z-below')); |
| 70 }); |
| 71 |
| 72 test("should hit test third", () { |
| 73 expect(document.elementFromPoint(100, 125).tagName, equals('zero-z-above')); |
| 74 }); |
| 75 |
| 76 test("should hit test fourth", () { |
| 77 expect(document.elementFromPoint(100, 175).tagName, equals('zero-z-below')); |
| 78 }); |
| 79 |
| 80 test("should hit test fifth", () { |
| 81 expect(document.elementFromPoint(100, 225).tagName, equals('postive-z-above'
)); |
| 82 }); |
| 83 |
| 84 test("should hit test sixth", () { |
| 85 expect(document.elementFromPoint(100, 275).tagName, equals('postive-z-below'
)); |
| 86 }); |
| 87 |
| 88 test("should hit test seventh", () { |
| 89 expect(document.elementFromPoint(100, 325).tagName, equals('postive-z-after'
)); |
| 90 }); |
| 91 } |
| 92 </script> |
OLD | NEW |