Commit d841be4a authored by enne@chromium.org's avatar enne@chromium.org

Remove repaint.js include from css3/filters tests

BUG=345027

Review URL: https://codereview.chromium.org/207153002

git-svn-id: svn://svn.chromium.org/blink/trunk@170214 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent fcadb05c
...@@ -476,6 +476,14 @@ crbug.com/268588 [ Release ] http/tests/w3c/webperf/submission/Google/HighResolu ...@@ -476,6 +476,14 @@ crbug.com/268588 [ Release ] http/tests/w3c/webperf/submission/Google/HighResolu
crbug.com/316148 [ Win ] http/tests/w3c/webperf/approved/UserTiming/idlharness.html [ Pass Crash ] crbug.com/316148 [ Win ] http/tests/w3c/webperf/approved/UserTiming/idlharness.html [ Pass Crash ]
crbug.com/268692 [ SnowLeopard ] svg/custom/foreign-object-skew.svg [ ImageOnlyFailure Pass ] crbug.com/268692 [ SnowLeopard ] svg/custom/foreign-object-skew.svg [ ImageOnlyFailure Pass ]
crbug.com/345027 css3/filters/filter-change-repaint-composited.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-blur.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-child-layers.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-sepia.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-shadow-clipped.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-shadow-rotated.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint-shadow.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/345027 css3/filters/filter-repaint.html [ ImageOnlyFailure NeedsRebaseline ]
crbug.com/268832 [ SnowLeopard Debug ] fast/multicol/newmulticol/direct-child-column-span-all.html [ Crash Pass ] crbug.com/268832 [ SnowLeopard Debug ] fast/multicol/newmulticol/direct-child-column-span-all.html [ Crash Pass ]
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
if (window.testRunner) { if (window.testRunner) {
// Force software rendering mode. // Force software rendering mode.
window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0"); window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
window.testRunner.waitUntilDone();
} }
</script> </script>
<!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. --> <!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. -->
...@@ -47,14 +48,18 @@ ...@@ -47,14 +48,18 @@
height: 1000px; height: 1000px;
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script type="text/javascript"> <script type="text/javascript">
function repaintTest() { function repaintTest() {
window.scrollTo(0, 100); runAfterDisplay(function() {
window.scrollTo(0, 100);
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur"> <div class="blur">
<div class="layer"> <div class="layer">
<div id="fixedBox"></div> <div id="fixedBox"></div>
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
if (window.testRunner) { if (window.testRunner) {
// Force software rendering mode. // Force software rendering mode.
window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0"); window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
window.testRunner.waitUntilDone();
} }
</script> </script>
<!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. --> <!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. -->
...@@ -39,14 +40,18 @@ ...@@ -39,14 +40,18 @@
height: 1000px; height: 1000px;
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script type="text/javascript"> <script type="text/javascript">
function repaintTest() { function repaintTest() {
window.scrollTo(0, 100); runAfterDisplay(function() {
window.scrollTo(0, 100);
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div id="fixedBox"></div> <div id="fixedBox"></div>
<div id="redBox"></div> <div id="redBox"></div>
<div id="greenBox"></div> <div id="greenBox"></div>
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
if (window.testRunner) { if (window.testRunner) {
// Force software rendering mode. // Force software rendering mode.
window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0"); window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
window.testRunner.waitUntilDone();
} }
</script> </script>
<!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. --> <!-- Make sure the mock scrollbars are enabled after the call to overridePreference, otherwise the setting will be overwritten. -->
...@@ -33,7 +34,7 @@ ...@@ -33,7 +34,7 @@
} }
#redBox { #redBox {
background-color: red; background-color: red;
height: 200px; height: 200px;
} }
...@@ -42,14 +43,18 @@ ...@@ -42,14 +43,18 @@
height: 1000px; height: 1000px;
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script type="text/javascript"> <script type="text/javascript">
function repaintTest() { function repaintTest() {
window.scrollTo(0, 100); runAfterDisplay(function() {
window.scrollTo(0, 100);
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur"> <div class="blur">
<div id="fixedBox"></div> <div id="fixedBox"></div>
<div id="redBox"></div> <div id="redBox"></div>
......
...@@ -15,19 +15,19 @@ ...@@ -15,19 +15,19 @@
margin: 50px; margin: 50px;
background-color: green; background-color: green;
} }
.composited_from_none { .composited_from_none {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_none.before { .composited_from_none.before {
-webkit-filter: none; -webkit-filter: none;
} }
.composited_from_composited { .composited_from_composited {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_composited.before { .composited_from_composited.before {
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
.composited_from_composited_zero_radius { .composited_from_composited_zero_radius {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_composited_zero_radius.before { .composited_from_composited_zero_radius.before {
-webkit-filter: drop-shadow(0px 0px 0px red); -webkit-filter: drop-shadow(0px 0px 0px red);
} }
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
.composited_from_composited_offset { .composited_from_composited_offset {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_composited_offset.before { .composited_from_composited_offset.before {
-webkit-filter: drop-shadow(-100px -100px 10px red); -webkit-filter: drop-shadow(-100px -100px 10px red);
} }
...@@ -51,43 +51,49 @@ ...@@ -51,43 +51,49 @@
.composited_from_software { .composited_from_software {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_software.before { .composited_from_software.before {
-webkit-filter: drop-shadow(0px 0px 10px red) blur(1px); -webkit-filter: drop-shadow(0px 0px 10px red) blur(1px);
} }
.software_from_composited { .software_from_composited {
-webkit-filter: drop-shadow(0px 0px 10px blue) blur(2px); -webkit-filter: drop-shadow(0px 0px 10px blue) blur(2px);
} }
.software_from_composited.before { .software_from_composited.before {
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
.none_from_composited { .none_from_composited {
-webkit-filter: none; -webkit-filter: none;
} }
.none_from_composited.before { .none_from_composited.before {
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
var items = document.getElementsByClassName('before'); runAfterDisplay(function() {
while (items.length) var items = document.getElementsByClassName('before');
items[0].classList.remove("before"); while (items.length)
items[0].classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="box composited_from_none before"></div> <div class="box composited_from_none before"></div>
<div class="box composited_from_composited before"></div> <div class="box composited_from_composited before"></div>
<div class="box composited_from_composited_zero_radius before"></div> <div class="box composited_from_composited_zero_radius before"></div>
......
...@@ -13,19 +13,19 @@ ...@@ -13,19 +13,19 @@
margin-bottom: 60px; margin-bottom: 60px;
background-color: green; background-color: green;
} }
.software_from_none { .software_from_none {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.software_from_none.before { .software_from_none.before {
-webkit-filter: none; -webkit-filter: none;
} }
.software_from_software { .software_from_software {
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.software_from_software.before { .software_from_software.before {
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
...@@ -35,47 +35,53 @@ ...@@ -35,47 +35,53 @@
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.composited_from_software.before { .composited_from_software.before {
-webkit-transform: none; -webkit-transform: none;
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
.software_from_composited { .software_from_composited {
-webkit-transform: none; -webkit-transform: none;
-webkit-filter: drop-shadow(0px 0px 10px blue); -webkit-filter: drop-shadow(0px 0px 10px blue);
} }
.software_from_composited.before { .software_from_composited.before {
/* force a composited layer */ /* force a composited layer */
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
.none_from_software { .none_from_software {
-webkit-filter: none; -webkit-filter: none;
} }
.none_from_software.before { .none_from_software.before {
-webkit-filter: drop-shadow(0px 0px 10px red); -webkit-filter: drop-shadow(0px 0px 10px red);
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
var items = document.getElementsByClassName('before'); runAfterDisplay(function() {
while (items.length) var items = document.getElementsByClassName('before');
items[0].classList.remove("before"); while (items.length)
items[0].classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="box software_from_none before"></div> <div class="box software_from_none before"></div>
<div class="box software_from_software before"></div> <div class="box software_from_software before"></div>
<div class="box composited_from_software before"></div> <div class="box composited_from_software before"></div>
......
...@@ -23,25 +23,29 @@ ...@@ -23,25 +23,29 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur"> <div class="blur">
<div class="box"></div> <div class="box"></div>
<div class="box before"></div> <div class="box before"></div>
<div class="box"></div> <div class="box"></div>
</div> </div>
</body> </body>
</html> </html>
...@@ -31,19 +31,25 @@ ...@@ -31,19 +31,25 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur"> <div class="blur">
<div class="box"></div> <div class="box"></div>
......
...@@ -32,19 +32,24 @@ ...@@ -32,19 +32,24 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur before"> <div class="blur before">
<div class="box"></div> <div class="box"></div>
......
...@@ -31,19 +31,23 @@ ...@@ -31,19 +31,23 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blur"> <div class="blur">
<div class="box"></div> <div class="box"></div>
......
...@@ -20,19 +20,23 @@ ...@@ -20,19 +20,23 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="sepia"> <div class="sepia">
<div class="box"></div> <div class="box"></div>
......
...@@ -14,17 +14,17 @@ ...@@ -14,17 +14,17 @@
overflow: hidden; overflow: hidden;
background: red; background: red;
} }
.empty_box { .empty_box {
height: 50px; height: 50px;
} }
.box { .box {
height: 100px; height: 100px;
width: 100px; width: 100px;
background-color: green; background-color: green;
} }
.before { .before {
background-color: transparent; background-color: transparent;
} }
...@@ -34,20 +34,23 @@ ...@@ -34,20 +34,23 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="repaintTest()">
<body onload="runRepaintTest()">
<div class="clipping_box"> <div class="clipping_box">
<div class="blur"> <div class="blur">
<div class="empty_box"></div> <div class="empty_box"></div>
......
...@@ -15,17 +15,17 @@ ...@@ -15,17 +15,17 @@
overflow: hidden; overflow: hidden;
background: red; background: red;
} }
.empty_box { .empty_box {
height: 50px; height: 50px;
} }
.box { .box {
height: 100px; height: 100px;
width: 100px; width: 100px;
background-color: green; background-color: green;
} }
.before { .before {
background-color: transparent; background-color: transparent;
} }
...@@ -37,20 +37,23 @@ ...@@ -37,20 +37,23 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="repaintTest()">
<body onload="runRepaintTest()">
<div class="clipping_box"> <div class="clipping_box">
<div class="blur"> <div class="blur">
<div class="empty_box"></div> <div class="empty_box"></div>
......
...@@ -23,19 +23,25 @@ ...@@ -23,19 +23,25 @@
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest() function repaintTest()
{ {
document.querySelector(".before").classList.remove("before"); runAfterDisplay(function() {
document.querySelector(".before").classList.remove("before");
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="shadow"> <div class="shadow">
<div class="box"></div> <div class="box"></div>
......
...@@ -23,21 +23,26 @@ ...@@ -23,21 +23,26 @@
background-color: red; background-color: red;
} }
</style> </style>
<script src="../../fast/repaint/resources/repaint.js"></script> <script src="../../resources/run-after-display.js"></script>
<script> <script>
if (window.testRunner) { if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults(); testRunner.dumpAsTextWithPixelResults();
// Force software rendering mode. // Force software rendering mode.
window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0"); testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
testRunner.waitUntilDone();
} }
function repaintTest() function repaintTest()
{ {
document.getElementById('change').style.backgroundColor = "green"; runAfterDisplay(function() {
document.getElementById('change').style.backgroundColor = "green";
if (window.testRunner)
testRunner.notifyDone();
});
} }
</script> </script>
</head> </head>
<body onload="runRepaintTest()"> <body onload="repaintTest()">
<div class="blurry box"> <div class="blurry box">
<div id="change" class="box"> <div id="change" class="box">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment