Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(97)

Unified Diff: LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html

Issue 196143004: Fix usage of pseudo style cache (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: check for cached pseudo style and mark pseudo styles with animations as unique Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | LayoutTests/fast/css-generated-content/pseudo-animation-before-onload-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html
diff --git a/LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html b/LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html
index ea285ab61a834549a221bbd345e966e2010e0e24..687bdb64cbb87e0889d3a13cf91cff62263e151c 100644
--- a/LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html
+++ b/LayoutTests/fast/css-generated-content/pseudo-animation-before-onload.html
@@ -4,29 +4,17 @@
<style>
@-webkit-keyframes example {
- from {
- width: 50px;
- height: 50px;
- }
- to {
- width: 10px;
- height: 10px;
- }
+ from { width: 50px; height: 50px; }
+ to { width: 10px; height: 10px; }
}
@keyframes example {
- from {
- width: 50px;
- height: 50px;
- }
- to {
- width: 10px;
- height: 10px;
- }
+ from { width: 50px; height: 50px; }
+ to { width: 10px; height: 10px; }
}
-#after:after,
-#before:before {
+.after:after,
+.before:before {
content: "";
display: block;
position: relative;
@@ -38,8 +26,8 @@
animation: example 2s;
}
-#before,
-#after {
+.before,
+.after {
display: inline-block;
border: 1px solid black;
background: red;
@@ -47,8 +35,12 @@
</style>
-<div id="before"></div>
-<div id="after"></div>
+<div class="before"></div>
+<div class="before" id="before"></div>
+<div class="before"></div>
+<div class="after"></div>
+<div class="after" id="after"></div>
+<div class="after"></div>
<script>
description('Animations on :before and :after pseudo elements should run when applied before onload.');
« no previous file with comments | « no previous file | LayoutTests/fast/css-generated-content/pseudo-animation-before-onload-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698