[common][multicolumn,background][update property value of columnRuleWidth and bordwid... 49/300549/2
authorchen <chen89.chen@samsung.com>
Fri, 27 Oct 2023 03:51:42 +0000 (11:51 +0800)
committerchen chen <chen89.chen@samsung.com>
Fri, 27 Oct 2023 03:46:02 +0000 (03:46 +0000)
Change-Id: I247d03c038c44becfdd8d1c9a588c4b2ff80e301
Signed-off-by: chen <chen89.chen@samsung.com>
common/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border_0point5px_dashed_000.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_initial_value.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dashed.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dotted.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_double.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_inset.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_outset.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_solid.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_groove.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_pink_ridge.html
common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_solid.html

index 8f22a05eca1f1c6af47fd9184755ccc4aac95c59..a5ec51a2e9ff4bbadea08261dbd43a4d63cc59d8 100755 (executable)
@@ -49,8 +49,10 @@ Authors:
         var div = document.querySelector("#test");
         test(function () {
             div.style[headProp("border")] = "0.5px dashed #000";
-            var borderWidth = GetCurrentStyle("border-width");
-            assert_equals(borderWidth, "1px", "The border-width value");
+            var border_width = GetCurrentStyle("border-width");
+            var default_border_width = 1;
+            var result_to_compare = (default_border_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(border_width, result_to_compare, "The border-width value");
             var borderStyle = GetCurrentStyle("border-style");
             assert_equals(borderStyle, "dashed", "The border-style value");
             var borderColor = GetCurrentStyle("border-color");
index bb3779440e1aaa671d92ec7a460141f0794f4fcc..9cb0b34caa9014d3fb710ab1cd9866f2c57a091f 100755 (executable)
@@ -63,7 +63,9 @@ Authors:
         var column_rule_width = GetCurrentStyle("columnRuleWidth");
         var t = async_test(document.title, {timeout: 500});
         t.step(function () {
-            assert_equals(column_rule_width, "3px", "The div column-rule-width");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
         });
         t.done();
     </script>
index 70b4af4fc7875331dcf3a907d1352f108da71beb..cd96688e5963079199ee87cb1e87cd76383fdfe4 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 0, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(0, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 0px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("dashed") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be dashed");
index 51757303cd7b214507fb5e6109cdc736179a7dc9..d69255d7968f7e23dc053419530292a0de2d94e0 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 0, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(0, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 0px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("dotted") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be dotted");
index f33fcbd14ad1e9f0fb132e48a3054d3c756c5d8d..abcd4f7bdf0afd437d2a2670286891fb30b03ed0 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 0, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(0, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 0px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("double") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be double");
index c14c26505d8484e608e43471ec84bedff252e734..3eede920a307bec85c15ba90f4f72c5fd6cf12a1 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 128, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(255, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 3px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("inset") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be inset");
index 702f0bccc23e486a3e6904ef67e77875ac3a870a..e77f20fa169bef5ec58dff3ecb6c17edc9442f49 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 128, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(255, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 3px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("outset") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be outset");
index 7a2e899d9ab435fb12335a57d609cea58e126c45..d8306f891926cce2712b498601f02a5d8f1b286d 100755 (executable)
@@ -62,9 +62,11 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 128, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(255, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 3px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            console.log(column_rule_width, result_to_compare, window.devicePixelRatio)
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("solid") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be solid");
index 1130a36978e18df53c20b9ecb994bf5207713066..63c5544dd20ea52919dfa3343599d76789f76ec5 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 0, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(0, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 0px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("groove") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be groove");
index b4754a76405349479a157d0d3c82eb9daa1d34a8..1a6cd71191355ebdbde8f69fe5809d5071b0eec2 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(255, 192, 203)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be pink");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 3px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("ridge") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be ridge");
index b827a7c4a89e4857b9974abe998f0070a70ea336..64ae0b7e7fc827fb64268cfe42f31bf29b948c06 100755 (executable)
@@ -62,9 +62,10 @@ Authors:
             var columnRuleColor = GetCurrentStyle("column-rule-color");
             var propcolumnRuleColor = columnRuleColor.indexOf("rgb(0, 0, 0)") != -1;
             assert_true(propcolumnRuleColor, "The element column-rule-color should not be rgb(0, 0, 0)");
-            var columnRuleWidth = GetCurrentStyle("columnRuleWidth");
-            var propcolumnRuleWidth = columnRuleWidth.indexOf("3px") != -1;
-            assert_true(propcolumnRuleWidth, "The element column-rule-width should not be 0px");
+            var column_rule_width = GetCurrentStyle("columnRuleWidth");
+            var default_column_rule_width = 3;
+            var result_to_compare = (default_column_rule_width / window.devicePixelRatio).toString() + 'px';
+            assert_equals(column_rule_width, result_to_compare, "The element column-rule-width")
             var columnRuleStyle = GetCurrentStyle("column-rule-style");
             var propcolumnRuleStyle = columnRuleStyle.indexOf("solid") != -1;
             assert_true(propcolumnRuleStyle, "The element column-rule-style should not be solid");