Add aspect ratio tests for flex-columns with align-items: start

DioxusLabs · Jan 4, 2023 · 015934e · 015934e
1 parent c0ac73d
commit 015934e
Show file tree

Hide file tree

Showing 45 changed files with 702 additions and 29 deletions.
diff --git a/benches/generated/aspect_ratio_flex_column_fill_height.rs b/benches/generated/aspect_ratio_flex_column_fill_height.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_max_height.rs b/benches/generated/aspect_ratio_flex_column_fill_max_height.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_max_width.rs b/benches/generated/aspect_ratio_flex_column_fill_max_width.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_min_height.rs b/benches/generated/aspect_ratio_flex_column_fill_min_height.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_min_width.rs b/benches/generated/aspect_ratio_flex_column_fill_min_width.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_width.rs b/benches/generated/aspect_ratio_flex_column_fill_width.rs
diff --git a/benches/generated/aspect_ratio_flex_column_fill_width_flex.rs b/benches/generated/aspect_ratio_flex_column_fill_width_flex.rs
diff --git a/...ted/aspect_ratio_flex_leaf_fill_height.rs → ...ated/aspect_ratio_flex_row_fill_height.rs b/...ted/aspect_ratio_flex_leaf_fill_height.rs → ...ated/aspect_ratio_flex_row_fill_height.rs
diff --git a/...aspect_ratio_flex_leaf_fill_max_height.rs → .../aspect_ratio_flex_row_fill_max_height.rs b/...aspect_ratio_flex_leaf_fill_max_height.rs → .../aspect_ratio_flex_row_fill_max_height.rs
diff --git a/.../aspect_ratio_flex_leaf_fill_max_width.rs → ...d/aspect_ratio_flex_row_fill_max_width.rs b/.../aspect_ratio_flex_leaf_fill_max_width.rs → ...d/aspect_ratio_flex_row_fill_max_width.rs
diff --git a/...aspect_ratio_flex_leaf_fill_min_height.rs → .../aspect_ratio_flex_row_fill_min_height.rs b/...aspect_ratio_flex_leaf_fill_min_height.rs → .../aspect_ratio_flex_row_fill_min_height.rs
diff --git a/.../aspect_ratio_flex_leaf_fill_min_width.rs → ...d/aspect_ratio_flex_row_fill_min_width.rs b/.../aspect_ratio_flex_leaf_fill_min_width.rs → ...d/aspect_ratio_flex_row_fill_min_width.rs
diff --git a/...ated/aspect_ratio_flex_leaf_fill_width.rs → ...rated/aspect_ratio_flex_row_fill_width.rs b/...ated/aspect_ratio_flex_leaf_fill_width.rs → ...rated/aspect_ratio_flex_row_fill_width.rs
diff --git a/...aspect_ratio_flex_leaf_fill_width_flex.rs → .../aspect_ratio_flex_row_fill_width_flex.rs b/...aspect_ratio_flex_leaf_fill_width_flex.rs → .../aspect_ratio_flex_row_fill_width_flex.rs
diff --git a/benches/generated/mod.rs b/benches/generated/mod.rs
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_height.html b/test_fixtures/aspect_ratio_flex_column_fill_height.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="width: 40px; aspect-ratio: 2;"></div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_max_height.html b/test_fixtures/aspect_ratio_flex_column_fill_max_height.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="max-width: 40px; aspect-ratio: 2;">HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH</div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_max_width.html b/test_fixtures/aspect_ratio_flex_column_fill_max_width.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="max-height: 20px; aspect-ratio: 2;">HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH&ZeroWidthSpace;HH</div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_min_height.html b/test_fixtures/aspect_ratio_flex_column_fill_min_height.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="min-width: 40px; aspect-ratio: 2;"></div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_min_width.html b/test_fixtures/aspect_ratio_flex_column_fill_min_width.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="min-height: 40px; aspect-ratio: 2;">
+
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_width.html b/test_fixtures/aspect_ratio_flex_column_fill_width.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+  <div style="height: 40px; aspect-ratio: 2;"></div>
+</div>
+
+</body>
+</html>