mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 1157455 patch 1 - Add tests for OMTA transforms in degrees in addition to those in radians. r=birtles
In bug 1156456 I landed tests with the transform in radians to work around float rounding issues with having the transform in degrees. This bug will fix the problems with degrees, so I'm duplicating the tests here to have variants with both degrees and radians.
This commit is contained in:
parent
56e18b2ac1
commit
edf4aec1f9
46
layout/reftests/transform-3d/animate-cube-degrees-ref.html
Normal file
46
layout/reftests/transform-3d/animate-cube-degrees-ref.html
Normal file
@ -0,0 +1,46 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<title>Reftest, bug 1156456</title>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div, div::before, div::after {
|
||||
width: 200px; height: 200px;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
transform: rotateY(-120deg) rotateX(60deg);
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
div::before, div::after {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
div::before {
|
||||
background: #00f;
|
||||
transform: translate3D(100px, 0, 100px) rotateY(90deg);
|
||||
}
|
||||
|
||||
div::after {
|
||||
background: #00c;
|
||||
transform: translate3D(0, -100px, 100px) rotateX(90deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
<div></div>
|
@ -0,0 +1,46 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html reftest-zoom="1.5">
|
||||
<title>Reftest, bug 1156456</title>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div, div::before, div::after {
|
||||
width: 200px; height: 200px;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
transform: rotateY(-120deg) rotateX(60deg);
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
div::before, div::after {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
div::before {
|
||||
background: #00f;
|
||||
transform: translate3D(100px, 0, 100px) rotateY(90deg);
|
||||
}
|
||||
|
||||
div::after {
|
||||
background: #00c;
|
||||
transform: translate3D(0, -100px, 100px) rotateX(90deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
<div></div>
|
52
layout/reftests/transform-3d/animate-cube-degrees-zoom.html
Normal file
52
layout/reftests/transform-3d/animate-cube-degrees-zoom.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html reftest-zoom="1.5">
|
||||
<title>Reftest, bug 1156456</title>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div, div::before, div::after {
|
||||
width: 200px; height: 200px;
|
||||
}
|
||||
|
||||
@keyframes HoldTransform {
|
||||
from, to {
|
||||
transform: rotateY(-120deg) rotateX(60deg);
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
transform-style: preserve-3d;
|
||||
animation: 10s HoldTransform infinite;
|
||||
}
|
||||
|
||||
div::before, div::after {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
div::before {
|
||||
background: #00f;
|
||||
transform: translate3D(100px, 0, 100px) rotateY(90deg);
|
||||
}
|
||||
|
||||
div::after {
|
||||
background: #00c;
|
||||
transform: translate3D(0, -100px, 100px) rotateX(90deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
<div></div>
|
52
layout/reftests/transform-3d/animate-cube-degrees.html
Normal file
52
layout/reftests/transform-3d/animate-cube-degrees.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<title>Reftest, bug 1156456</title>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div, div::before, div::after {
|
||||
width: 200px; height: 200px;
|
||||
}
|
||||
|
||||
@keyframes HoldTransform {
|
||||
from, to {
|
||||
transform: rotateY(-120deg) rotateX(60deg);
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
transform-style: preserve-3d;
|
||||
animation: 10s HoldTransform infinite;
|
||||
}
|
||||
|
||||
div::before, div::after {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
div::before {
|
||||
background: #00f;
|
||||
transform: translate3D(100px, 0, 100px) rotateY(90deg);
|
||||
}
|
||||
|
||||
div::after {
|
||||
background: #00c;
|
||||
transform: translate3D(0, -100px, 100px) rotateX(90deg);
|
||||
}
|
||||
|
||||
</style>
|
||||
<div></div>
|
@ -22,10 +22,7 @@ div {
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
/* FIXME: use radians rather than degrees for now to avoid the rounding
|
||||
issue described in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=1156456#c19 */
|
||||
/* transform: rotateY(-120deg) rotateX(60deg); */
|
||||
/* approximately rotateY(-120deg) rotateX(60deg); */
|
||||
transform: rotateY(-2.0944rad) rotateX(1.0472rad);
|
||||
transform-style: preserve-3d;
|
||||
}
|
@ -22,10 +22,7 @@ div {
|
||||
margin: auto;
|
||||
transform-origin: 50% 50% 100px;
|
||||
background: #006;
|
||||
/* FIXME: use radians rather than degrees for now to avoid the rounding
|
||||
issue described in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=1156456#c19 */
|
||||
/* transform: rotateY(-120deg) rotateX(60deg); */
|
||||
/* approximately rotateY(-120deg) rotateX(60deg); */
|
||||
transform: rotateY(-2.0944rad) rotateX(1.0472rad);
|
||||
transform-style: preserve-3d;
|
||||
}
|
@ -18,10 +18,7 @@ div, div::before, div::after {
|
||||
|
||||
@keyframes HoldTransform {
|
||||
from, to {
|
||||
/* FIXME: use radians rather than degrees for now to avoid the rounding
|
||||
issue described in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=1156456#c19 */
|
||||
/* transform: rotateY(-120deg) rotateX(60deg); */
|
||||
/* approximately rotateY(-120deg) rotateX(60deg); */
|
||||
transform: rotateY(-2.0944rad) rotateX(1.0472rad);
|
||||
}
|
||||
}
|
@ -18,10 +18,7 @@ div, div::before, div::after {
|
||||
|
||||
@keyframes HoldTransform {
|
||||
from, to {
|
||||
/* FIXME: use radians rather than degrees for now to avoid the rounding
|
||||
issue described in
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=1156456#c19 */
|
||||
/* transform: rotateY(-120deg) rotateX(60deg); */
|
||||
/* approximately rotateY(-120deg) rotateX(60deg); */
|
||||
transform: rotateY(-2.0944rad) rotateX(1.0472rad);
|
||||
}
|
||||
}
|
@ -57,6 +57,9 @@ pref(layout.css.will-change.enabled,true) != willchange-containing-block.html?wi
|
||||
fuzzy-if(winWidget&&!layersGPUAccelerated,1,606) == scroll-perspective-1.html scroll-perspective-1-ref.html
|
||||
# Bugs
|
||||
fails-if(!layersGPUAccelerated) == 1035611-1.html 1035611-1-ref.html # Bug 1072898 for !layersGPUAccelerated failures
|
||||
== animate-cube.html animate-cube-ref.html
|
||||
fuzzy-if(/^Windows\x20NT\x206\.1/.test(http.oscpu)&&!layersGPUAccelerated,16,6) fuzzy-if(Mulet,16,9) == animate-cube-zoom.html animate-cube-zoom-ref.html
|
||||
!= animate-cube-ref.html animate-cube-zoom-ref.html
|
||||
== animate-cube-radians.html animate-cube-radians-ref.html
|
||||
fuzzy-if(/^Windows\x20NT\x206\.1/.test(http.oscpu)&&!layersGPUAccelerated,16,6) fuzzy-if(Mulet,16,9) == animate-cube-radians-zoom.html animate-cube-radians-zoom-ref.html
|
||||
!= animate-cube-radians-ref.html animate-cube-radians-zoom-ref.html
|
||||
random == animate-cube-degrees.html animate-cube-degrees-ref.html # Bug 1157455
|
||||
random == animate-cube-degrees-zoom.html animate-cube-degrees-zoom-ref.html # Bug 1157455
|
||||
!= animate-cube-degrees-ref.html animate-cube-degrees-zoom-ref.html
|
||||
|
Loading…
Reference in New Issue
Block a user