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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/images/sprite-no-bleed.html

Issue 2180453002: Add a sprite edge bleed test (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: virtual/gpu-rasterization/ expectation Created 4 years, 5 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 | « third_party/WebKit/LayoutTests/TestExpectations ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/images/sprite-no-bleed.html
diff --git a/third_party/WebKit/LayoutTests/fast/images/sprite-no-bleed.html b/third_party/WebKit/LayoutTests/fast/images/sprite-no-bleed.html
new file mode 100644
index 0000000000000000000000000000000000000000..ec5d550480e0544f73579ee48d1e07b9f727e42d
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/images/sprite-no-bleed.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+
+<style>
+
+.bg {
+ display: inline-block;
+ margin: 10px;
+ width: 33px;
+ height: 33px;
+ background-color: red;
+ /* 99x99px green/red checkerboard (3x3 tiles) */
+ background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABjCAIAAAAAWSnCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcWEAYigt4gYwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAACoSURBVHja7dyxDQAgCEVBvvvvrBvYQcO9BYgXSmLqVnc37SPS/4pTIkWKFClSpESKFClSpEiJFClSpEiRIiVSpEiRIkVKpEiRIkWK1M4GTrQmZgwcs9kpUqRIkSJFSqRIkSJFipRIkSJFihQpUiJFihQpUqREihQpUqRIbS3+NLNTpEiRIkVKpEiRIkWKlEiRIkWKFClSIkWKFClSpESKFClSpEiR0rcHwFgJwTzTOUwAAAAASUVORK5CYII=);
+}
+
+.bg1 {
+ background-position: 0px 0px;
+}
+
+.bg2 {
+ background-position: 0px -66px;
+}
+
+.bg3 {
+ background-position: -33px -33px;
+}
+
+.bg4 {
+ background-position: 0px -66px;
+}
+
+.bg5 {
+ background-position: -66px -66px;
+}
+</style>
+
+<body style="width: 500px">
+
+<div style="transform: scale(0.5, 0.5); transform-origin: top left;">
+ <div class="bg bg1"></div>
+ <div class="bg bg2"></div>
+ <div class="bg bg3"></div>
+ <div class="bg bg4"></div>
+ <div class="bg bg5"></div>
+</div>
+
+<div style="transform: scale(0.75, 0.75); transform-origin: top left;">
+ <div class="bg bg1"></div>
+ <div class="bg bg2"></div>
+ <div class="bg bg3"></div>
+ <div class="bg bg4"></div>
+ <div class="bg bg5"></div>
+</div>
+
+<div>
+ <div class="bg bg1"></div>
+ <div class="bg bg2"></div>
+ <div class="bg bg3"></div>
+ <div class="bg bg4"></div>
+ <div class="bg bg5"></div>
+</div>
+
+<div style="transform: scale(1.25, 1.25); transform-origin: top left;">
+ <div class="bg bg1"></div>
+ <div class="bg bg2"></div>
+ <div class="bg bg3"></div>
+ <div class="bg bg4"></div>
+ <div class="bg bg5"></div>
+</div>
+
+<div style="transform: scale(1.5, 1.5); transform-origin: top left;">
+ <div class="bg bg1"></div>
+ <div class="bg bg2"></div>
+ <div class="bg bg3"></div>
+ <div class="bg bg4"></div>
+ <div class="bg bg5"></div>
+</div>
+</body>
« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698