[css-flexbox] Move negative-margins-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-margins-crash.html. Bug: 1063749 Change-Id: Ibd2006646b62247ec4b0fd77165b7bb5fc058040
web-platform-tests · Apr 10, 2020 · e53239a · e53239a
1 parent ea9dc9c
commit e53239a
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/css/css-flexbox/negative-flex-margins-crash.html b/css/css-flexbox/negative-flex-margins-crash.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html class="test-wait">
+<title>CSS Flexbox: Crash caused by negative width in flex box</title>
+<link rel="author" title="Christian Biesinger" href="mailto:cbiesinger@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#box-model">
+<link rel="issue" href="https://crbug.com/490423">
+<meta name="assert" content="Check that crash doesn't happen in flex box with negative margin.">
+
+<style>
+div {
+  display: flex;
+}
+
+.inner {
+  margin-left: -4em;
+}
+</style>
+<div>
+    <div>
+        <div class="inner">PASS if we don't assert</div>
+    </div>
+</div>
+<script>
+  window.addEventListener('load', () => {
+    // We need the root later to remove the test-wait class.
+    const root = document.documentElement;
+    document.documentElement.remove();
+
+    // rAF to make sure that style runs.
+    requestAnimationFrame(() => {
+      root.classList.remove('test-wait');
+    });
+  });
+</script>