| Index: third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison.html b/third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison.html
|
| index 741318db7661e8a1179b8c59797ca4be10943562..7e436740fbb20747e696c24b1d0e6121eb86e3bf 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison.html
|
| @@ -1,46 +1,40 @@
|
| -<html>
|
| -<head>
|
| +<!DOCTYPE html>
|
| <script src="resources/srcset-helper.js"></script>
|
| <style>
|
| -div {
|
| - box-sizing: border-box;
|
| - width: 40px;
|
| - height: 13px;
|
| - border-style: solid;
|
| -}
|
| + div {
|
| + box-sizing: border-box;
|
| + width: 40px;
|
| + height: 13px;
|
| + border-style: solid;
|
| + }
|
|
|
| -.test1 {
|
| - border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('resources/Breakpoint-2x.png') 2x) 3 7 3 3 fill / 3px 7px 3px 3px;
|
| -}
|
| + .test1 {
|
| + border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('resources/Breakpoint-2x.png') 2x) 3 7 3 3 fill / 3px 7px 3px 3px;
|
| + }
|
|
|
| -.test2 {
|
| - border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('resources/Breakpoint-2x.png') 2x) 3 7 3 3 fill;
|
| - border-width: 3px 7px 3px 3px;
|
| -}
|
| + .test2 {
|
| + border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('resources/Breakpoint-2x.png') 2x) 3 7 3 3 fill;
|
| + border-width: 3px 7px 3px 3px;
|
| + }
|
|
|
| -.test3 {
|
| - border-image: url('resources/Breakpoint.png') 3 7 3 3 fill / 3px 7px 3px 3px;
|
| -}
|
| + .test3 {
|
| + border-image: url('resources/Breakpoint.png') 3 7 3 3 fill / 3px 7px 3px 3px;
|
| + }
|
|
|
| -.test4 {
|
| - border-image: url('resources/Breakpoint.png') 3 7 3 3 fill;
|
| - border-width: 3px 7px 3px 3px;
|
| -}
|
| + .test4 {
|
| + border-image: url('resources/Breakpoint.png') 3 7 3 3 fill;
|
| + border-width: 3px 7px 3px 3px;
|
| + }
|
|
|
| -@media (-webkit-min-device-pixel-ratio: 2) {
|
| - .test3, .test4 {
|
| - border-image-source: url('resources/Breakpoint-2x.png');
|
| - border-image-slice: 6 14 6 6 fill;
|
| + @media (-webkit-min-device-pixel-ratio: 2) {
|
| + .test3, .test4 {
|
| + border-image-source: url('resources/Breakpoint-2x.png');
|
| + border-image-slice: 6 14 6 6 fill;
|
| + }
|
| }
|
| -}
|
| </style>
|
| -</head>
|
| -
|
| -<body>
|
| The first two tests should match the last two.<br><br>
|
| <div class="test1"></div><br>
|
| <div class="test2"></div><br>
|
| <div class="test3"></div><br>
|
| <div class="test4"></div><br>
|
| -</body>
|
| -</html>
|
|
|