[css-flexbox] Move negative-flex-rounding-assert.html to WPT

This CL migrates this test out of third_party/blink/web_tests/css3/flexbox and into the WPT-specific directory, adding links to the relevant specs and a test assertion describing its purpose and renames it to negative-flex-rounding-crash.html. Bug: 1063749 Change-Id: Ia5e1488b0f7681ffebf726300977e406cf58dcb3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2142877 Reviewed-by: David Grogan <dgrogan@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Commit-Queue: Miyoung Shin <myid.shin@igalia.com> Cr-Commit-Position: refs/heads/master@{#758490}
web-platform-tests · Apr 14, 2020 · e5fd4ca · e5fd4ca
1 parent 08c95d8
commit e5fd4ca
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/css/css-flexbox/negative-flex-rounding-crash.html b/css/css-flexbox/negative-flex-rounding-crash.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>CSS Flexbox: Crash caused by rounding error in flex-shrink</title>
+<link rel="author" title="Tony Chang" href="mailto:tony@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths">
+<link rel="issue" href="https://bugs.webkit.org/show_bug.cgi?id=97606">
+<meta name="assert" content="Check that crash doesn't happen in flex-shrink due to floating point precision errors.">
+
+<style>
+.math {
+    display: inline-flex;
+}
+.math > * {
+    padding-bottom: 0.35em;
+}
+.mfrac {
+    display: inline-flex;
+    flex-direction: column;
+}
+.mfrac > :first-child {
+    margin-block-end: 0.2em;
+}
+.mfrac > :last-child {
+    margin-block-start: 0.2em;
+}
+.x {
+    line-height: 9px;
+}
+.y {
+    line-height: 12px;
+}
+</style>
+<div class=math>
+    <div class=mfrac>
+        <div class=mfrac>
+            <div class=x>x</div>
+            <div class=y>y</div>
+        </div>
+        <div class=mfrac>
+            <div class=mfrac>
+                <div class=x>x</div>
+                <div class=y>y</div>
+            </div>
+            <div class=x>z</div>
+        </div>
+    </div>
+</div>