Skip to content

Commit

Permalink
Named test cases.
Browse files Browse the repository at this point in the history
  • Loading branch information
sainthkh committed Jan 3, 2020
1 parent bbd176f commit 9fd8062
Showing 1 changed file with 12 additions and 10 deletions.
22 changes: 12 additions & 10 deletions packages/driver/test/cypress/fixtures/issue-5682.html
Original file line number Diff line number Diff line change
Expand Up @@ -114,13 +114,13 @@ <h4>Parent rotate 90deg + Child rotate 190deg with backface-invisible</h4>
<div>
<h2>CASE 2: Direct parent preserve-3d elements</h2>

<h4>Parent Flipped visible + target hidden</h4>
<h4>a2-1: Parent Flipped visible + target hidden</h4>
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(180deg)">
Parent rotateX(180deg)
<div id="a2-1" class="target" style="backface-visibility: hidden;">No transform</div>
</div>

<h4>Parents rotated 60deg each visible + target hidden</h4>
<h4>a2-2: Parents rotated 60deg each visible + target hidden</h4>
<div class="grandparent" style="transform-style: preserve-3d; transform: rotateX(60deg)">
Grandparent rotateX(60deg)
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(60deg)">
Expand All @@ -129,25 +129,25 @@ <h4>Parents rotated 60deg each visible + target hidden</h4>
</div>
</div>

<h4>Parent Flipped hidden + target hidden</h4>
<h4>a2-3: Parent Flipped hidden + target hidden</h4>
<div class="parent" style="backface-visibility: hidden; transform-style: preserve-3d; transform: rotateX(180deg)">
Parent rotateX(180deg)
<div id="a2-3" class="target" style="backface-visibility: hidden; transform: rotateX(0deg);">No transform</div>
</div>

<h4>Parent 60deg visible + target hidden 60deg</h4>
<h4>a2-4: Parent 60deg visible + target hidden 60deg</h4>
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(60deg)">
Parent rotateX(60deg)
<div id="a2-4" class="target" style="backface-visibility: hidden; transform: rotateX(60deg)">rotateX(60deg)</div>
</div>

<h4>Parent Flipped visible + target visible</h4>
<h4>a2-5: Parent Flipped visible + target visible</h4>
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(180deg)">
Parent rotateX(180deg)
<div id="a2-5" class="target">No transform</div>
</div>

<h4>Parents Flipped visible + target visible</h4>
<h4>a2-6: Parents Flipped visible + target visible</h4>
<div class="grandparent" style="transform-style: preserve-3d; transform: rotateX(60deg)">
Parent rotateX(60deg)
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(60deg)">
Expand All @@ -156,7 +156,7 @@ <h4>Parents Flipped visible + target visible</h4>
</div>
</div>

<h4>Parents Flipped 45deg visible + target visible</h4>
<h4>a2-7: Parents Flipped 45deg visible + target visible</h4>
<div class="grandparent" style="transform-style: preserve-3d; transform: rotateX(45deg)">
Grandparent rotateX(45deg)
<div class="parent" style="transform-style: preserve-3d; transform: rotateX(45deg)">
Expand All @@ -165,19 +165,19 @@ <h4>Parents Flipped 45deg visible + target visible</h4>
</div>
</div>

<h4>Parent Flipped hidden + identity transform</h4>
<h4>a2-8: Parent Flipped hidden + identity transform</h4>
<div class="parent" style="transform-style: preserve-3d; backface-visibility: hidden; transform: rotateX(180deg)">
Parent rotateX(180deg)
<div id="a2-8" class="target" style="transform: rotateX(0deg)">Identity transform</div>
</div>

<h4>Parent Flipped hidden + no transform</h4>
<h4>a2-9: Parent Flipped hidden + no transform</h4>
<div class="parent" style="transform-style: preserve-3d; backface-visibility: hidden; transform: rotateX(180deg)">
Parent rotateX(180deg)
<div id="a2-9" class="target">No transform</div>
</div>

<h4>Grandparent rotated 45deg + parent rotated 45deg hidden + target visible</h4>
<h4>a2-10: Grandparent rotated 45deg + parent rotated 45deg hidden + target visible</h4>
<div class="grandparent" style="transform-style: preserve-3d; transform: rotateX(45deg)">
Grandparent rotateX(45deg)
<div class="parent" style="backface-visibility: hidden; transform-style: preserve-3d; transform: rotateX(45deg)">
Expand All @@ -202,6 +202,8 @@ <h4>flat after preserve-3d</h4>
</div>
</div>
</div>

<h4>Issue case</h4>
<div>
<div class="container">
<div class="face front">
Expand Down

0 comments on commit 9fd8062

Please sign in to comment.