| Index: third_party/WebKit/LayoutTests/csspaint/invalidation-border-image.html
|
| diff --git a/third_party/WebKit/LayoutTests/csspaint/invalidation-border-image.html b/third_party/WebKit/LayoutTests/csspaint/invalidation-border-image.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e5223821b84163d3d69e6ee2a188347f152742f1
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/csspaint/invalidation-border-image.html
|
| @@ -0,0 +1,43 @@
|
| +<!DOCTYPE html>
|
| +<head>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +<script src="../resources/run-after-layout-and-paint.js"></script>
|
| +<script src="resources/test-runner-invalidation-logging.js"></script>
|
| +<style>
|
| + div {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-color: red;
|
| + border: solid 0;
|
| + border-image-slice: 0 fill;
|
| +
|
| + flex-basis: 200px;
|
| + --str:foo;
|
| + --fiftypx: 50px;
|
| + }
|
| +</style>
|
| +</head>
|
| +<p>This tests the invalidation behaviour of the paint callback.</p>
|
| +<p>See the devtools console for additional test output.</p>
|
| +<script>
|
| +// TODO(ikilpatrick): Should test shorthands.
|
| +testRunnerInvalidationLogging('border-image-source', [
|
| + { property: 'max-height', value: '160px' },
|
| + { property: 'max-height', prevValue: '100px', value: '160px' },
|
| + { property: 'max-height', prevValue: '100px', value: 'calc(50px + 50px)', noInvalidation: true },
|
| + { property: 'max-height', prevValue: '100px', value: 'calc(50px + var(--fiftypx))', noInvalidation: true },
|
| + { property: 'flex-basis', value: '100px' },
|
| + { property: 'flex-basis', prevValue: '100px' },
|
| + { property: 'flex-basis', value: '200px', noInvalidation: true },
|
| + { property: 'flex-basis', prevValue: '200px', noInvalidation: true },
|
| + { property: 'color', value: 'red' },
|
| + { property: 'color', prevValue: '#F00', value: 'red', noInvalidation: true },
|
| + { property: 'border-top-color', value: 'blue' },
|
| + { property: 'border-top-color', prevValue: 'rgb(0,0,255)', value: 'blue', noInvalidation: true },
|
| + { property: '--foo', value: 'foo' },
|
| + { property: '--foo', prevValue: 'foo', value: 'var(--str)', noInvalidation: true},
|
| + { property: '--str', value: 'bar'},
|
| + { property: '--str', value: 'foo', noInvalidation: true },
|
| +]);
|
| +</script>
|
|
|