Add a test for visual overflow progression

This patch adds a test for a case crrev.com/c/2825949 made a
progression unintentionally.

Bug: 1237054, 1144203
Change-Id: Ibe3def1b426e199a9c2636346b3c17d3c46b3d3b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3076593
Auto-Submit: Koji Ishii <kojii@chromium.org>
Commit-Queue: Philip Rogers <pdr@chromium.org>
Reviewed-by: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#909633}
diff --git a/css/css-overflow/overflow-inline-block-with-opacity.html b/css/css-overflow/overflow-inline-block-with-opacity.html
new file mode 100644
index 0000000..20288f8
--- /dev/null
+++ b/css/css-overflow/overflow-inline-block-with-opacity.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-color-4/#propdef-opacity">
+<link rel="help" href="https://crbug.com/1237054">
+<link rel="author" title="mailto:kojii@chromium.org">
+<link rel="match" href="reference/overflow-inline-block-with-opacity-ref.html">
+<style>
+  span { opacity: 0.99; }
+  #button { display: inline-block; inline-size: 0px; }
+</style>
+<span>
+  <div id="button">hello world</div>
+</span>
diff --git a/css/css-overflow/reference/overflow-inline-block-with-opacity-ref.html b/css/css-overflow/reference/overflow-inline-block-with-opacity-ref.html
new file mode 100644
index 0000000..1b37bff
--- /dev/null
+++ b/css/css-overflow/reference/overflow-inline-block-with-opacity-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  span { opacity: 0.99; }
+  #button { display: inline-block; }
+</style>
+<span>
+  <div id="button">hello<br>world</div>
+</span>