Add legacy text-align support to the test generator

DioxusLabs · Jul 28, 2024 · b46359c · b46359c
1 parent 01e3316
commit b46359c
Show file tree

Hide file tree

Showing 9 changed files with 749 additions and 1 deletion.
diff --git a/scripts/gentest/src/main.rs b/scripts/gentest/src/main.rs
@@ -444,6 +444,16 @@ fn generate_node(ident: &str, node: &Value) -> TokenStream {
         (quote!(), quote!())
     };
 
+    let text_align = match style["textAlign"] {
+        Value::String(ref value) => match value.as_ref() {
+            "-webkit-left" => quote!(text_align: taffy::style::TextAlign::LegacyLeft,),
+            "-webkit-right" => quote!(text_align: taffy::style::TextAlign::LegacyRight,),
+            "-webkit-center" => quote!(text_align: taffy::style::TextAlign::LegacyCenter,),
+            _ => quote!(),
+        },
+        _ => quote!(),
+    };
+
     let align_items = match style["alignItems"] {
         Value::String(ref value) => match value.as_ref() {
             "start" => quote!(align_items: Some(taffy::style::AlignItems::Start),),
@@ -618,6 +628,7 @@ fn generate_node(ident: &str, node: &Value) -> TokenStream {
         #box_sizing
         #direction
         #position
+        #text_align
         #flex_direction
         #flex_wrap
         #overflow

diff --git a/scripts/gentest/test_helper.js b/scripts/gentest/test_helper.js
@@ -209,10 +209,12 @@ function describeElement(e) {
 
       position: parseEnum(e.style.position),
       direction: parseEnum(e.style.direction),
-      flexDirection: parseEnum(e.style.flexDirection),
 
       writingMode: parseEnum(e.style.writingMode),
 
+      textAlign: parseEnum(e.style.textAlign),
+
+      flexDirection: parseEnum(e.style.flexDirection),
       flexWrap: parseEnum(e.style.flexWrap),
       overflowX: parseEnum(e.style.overflowX),
       overflowY: parseEnum(e.style.overflowY),

diff --git a/test_fixtures/block/block_item_text_align_center.html b/test_fixtures/block/block_item_text_align_center.html
@@ -0,0 +1,18 @@
+<!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: block; width: 200px; height: 200px; text-align: -webkit-center;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/block/block_item_text_align_left.html b/test_fixtures/block/block_item_text_align_left.html
@@ -0,0 +1,18 @@
+<!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: block; width: 200px; height: 200px; text-align: -webkit-left;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/test_fixtures/block/block_item_text_align_right.html b/test_fixtures/block/block_item_text_align_right.html
@@ -0,0 +1,18 @@
+<!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: block; width: 200px; height: 200px; text-align: -webkit-right;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/generated/block/block_item_text_align_center.rs b/tests/generated/block/block_item_text_align_center.rs