From: chen <chen89.chen@samsung.com>
Date: Fri, 27 Oct 2023 03:51:42 +0000 (+0800)
Subject: [common][multicolumn,background][update property value of columnRuleWidth and bordwid... 
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=refs%2Fchanges%2F49%2F300549%2F2;p=test%2Ftct%2Fweb%2Fapi.git

[common][multicolumn,background][update property value of columnRuleWidth and bordwidth for M108 web engine]

Change-Id: I247d03c038c44becfdd8d1c9a588c4b2ff80e301
Signed-off-by: chen <chen89.chen@samsung.com>
---

diff --git a/common/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border_0point5px_dashed_000.html b/common/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border_0point5px_dashed_000.html
index 8f22a05ec..a5ec51a2e 100755
--- a/common/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border_0point5px_dashed_000.html
+++ b/common/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border_0point5px_dashed_000.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_initial_value.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_initial_value.html
index bb3779440..9cb0b34ca 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_initial_value.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_initial_value.html
@@ -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>
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dashed.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dashed.html
index 70b4af4fc..cd96688e5 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dashed.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dashed.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dotted.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dotted.html
index 51757303c..d69255d79 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dotted.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_dotted.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_double.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_double.html
index f33fcbd14..abcd4f7bd 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_double.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_double.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_inset.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_inset.html
index c14c26505..3eede920a 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_inset.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_inset.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_outset.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_outset.html
index 702f0bccc..e77f20fa1 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_outset.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_outset.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_solid.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_solid.html
index 7a2e899d9..d8306f891 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_solid.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_green_solid.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_groove.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_groove.html
index 1130a3697..63c5544dd 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_groove.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_groove.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_pink_ridge.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_pink_ridge.html
index b4754a764..1a6cd7119 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_pink_ridge.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_pink_ridge.html
@@ -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");
diff --git a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_solid.html b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_solid.html
index b827a7c4a..64ae0b7e7 100755
--- a/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_solid.html
+++ b/common/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_solid.html
@@ -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");