Fix the bug that negative outline-offset is covered up by composited

third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html

Index: third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html
diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..384b2a1b923987d736d46dea6c8804d97a4c9a62
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-negative-offset-translucent-outline-expected.html
@@ -0,0 +1,29 @@
+<style>
+#scroller {
+    overflow: scroll;
+    width: 200px;
+    height: 200px;
+    box-sizing: border-box;
+}
+
+#scroller-outline {
+    will-change: transform;
+    outline: 5px solid rgba(0, 255, 0, 0.5);
+    outline-offset: -4px;
+    position: absolute;
+    width: 200px;
+    height: 200px;
+}
+
+.spacer {
+    height: 300px;
+}
+</style>
+<!-- #scroller outline should not be covered up by scrolling content background.
+    It is achieved by painting the outline into the decoration layer which draws
+    on top of all other layers. -->
+<div id="scroller-outline"></div>
+<div id="scroller">
+    <div class="spacer"></div>
+</div>
+