diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (fluent-blue-light).png new file mode 100644 index 000000000000..e7cce788021b Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (fluent-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (generic-light).png new file mode 100644 index 000000000000..0b1c4948ff19 Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (generic-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (material-blue-light).png new file mode 100644 index 000000000000..0ff1ad64a67c Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render (material-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 31a3d4a5ded0..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (generic-light).png deleted file mode 100644 index 9aa351327ec8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (material-blue-light).png deleted file mode 100644 index 57330467afe1..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index e7cffa3b812d..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (generic-light).png deleted file mode 100644 index 96d96ac580e6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (material-blue-light).png deleted file mode 100644 index b61d8f8c4d57..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index 40a98668c302..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (generic-light).png deleted file mode 100644 index 9e63fa6fe6f5..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (material-blue-light).png deleted file mode 100644 index 52ba800457e0..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render focused,stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 495b2d5c5ac6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (generic-light).png deleted file mode 100644 index 8ca70ab5f7e3..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (material-blue-light).png deleted file mode 100644 index 87bcb93b7524..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 1ce1524e9255..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (generic-light).png deleted file mode 100644 index b1dce7dac4ff..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (material-blue-light).png deleted file mode 100644 index e2d66361e6d8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index ac0d455ef615..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (generic-light).png deleted file mode 100644 index cbc62efb55c6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (material-blue-light).png deleted file mode 100644 index 4ba7b54db72d..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render hover,stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 788c0e0ea47c..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (generic-light).png deleted file mode 100644 index 7710c46c135f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (material-blue-light).png deleted file mode 100644 index e094f0d1923a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 25abf8ff79e8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (generic-light).png deleted file mode 100644 index 153dee5615c8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (material-blue-light).png deleted file mode 100644 index d2f79182d6ef..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index 54a19da01d5a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (generic-light).png deleted file mode 100644 index c567a9c07a6f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (material-blue-light).png deleted file mode 100644 index d1fc5fe4695e..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 9abd82881d6f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (generic-light).png deleted file mode 100644 index 620d7144f239..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (material-blue-light).png deleted file mode 100644 index 8c044b061863..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 97c806004c40..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (generic-light).png deleted file mode 100644 index 6bc5564b9694..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (material-blue-light).png deleted file mode 100644 index 774d2b94eca8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index 1199e2553f6b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (generic-light).png deleted file mode 100644 index 77b64957cd61..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (material-blue-light).png deleted file mode 100644 index 66f6d8f62624..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 31b1def81a8a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (generic-light).png deleted file mode 100644 index d1fff1db2bc8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (material-blue-light).png deleted file mode 100644 index dbbcd87772c6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 72e082c59dd2..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (generic-light).png deleted file mode 100644 index 0f8b500a3b6f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (material-blue-light).png deleted file mode 100644 index d6ea25eac5eb..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index e7e683c3ef04..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (generic-light).png deleted file mode 100644 index 17d0565f7fe0..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (material-blue-light).png deleted file mode 100644 index 3619476da711..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render readonly,stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index 495b2d5c5ac6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (generic-light).png deleted file mode 100644 index 5da8f7deb682..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (material-blue-light).png deleted file mode 100644 index 22c37001ffcd..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 5a1dc51ed006..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (generic-light).png deleted file mode 100644 index 3fad4672eb17..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (material-blue-light).png deleted file mode 100644 index f6f1ebd5c125..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index 128b00cae2e3..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (generic-light).png deleted file mode 100644 index b2cbe081513f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (material-blue-light).png deleted file mode 100644 index daa3d8c0d63d..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (fluent-blue-light).png new file mode 100644 index 000000000000..73807bccb3d3 Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (fluent-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (generic-light).png new file mode 100644 index 000000000000..bfea048a1bbb Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (generic-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (material-blue-light).png new file mode 100644 index 000000000000..6b6b0de0b52c Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width (material-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (fluent-blue-light).png deleted file mode 100644 index cd85540e388b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (generic-light).png deleted file mode 100644 index 059b06d39104..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (material-blue-light).png deleted file mode 100644 index 5c54ac288a97..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=filled (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (fluent-blue-light).png deleted file mode 100644 index 81078086c768..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (generic-light).png deleted file mode 100644 index eb8a2a3ee0d4..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (material-blue-light).png deleted file mode 100644 index dc74614b5581..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=outlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (fluent-blue-light).png deleted file mode 100644 index 342476859197..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (generic-light).png deleted file mode 100644 index c1174660d0d9..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (material-blue-light).png deleted file mode 100644 index 1f0683daa38d..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox render with limited width stylingMode=underlined (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (fluent-blue-light).png new file mode 100644 index 000000000000..0281242c422e Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (fluent-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (generic-light).png new file mode 100644 index 000000000000..bb92a3850656 Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (generic-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (material-blue-light).png new file mode 100644 index 000000000000..b4460ddad4ea Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox states (material-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (fluent-blue-light).png new file mode 100644 index 000000000000..5fa509865042 Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (fluent-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (generic-light).png new file mode 100644 index 000000000000..2df7680254cf Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (generic-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (material-blue-light).png new file mode 100644 index 000000000000..ca1082787845 Binary files /dev/null and b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container (material-blue-light).png differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light).png deleted file mode 100644 index 5f7c4015a21f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light-compact).png deleted file mode 100644 index 760566999855..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light).png deleted file mode 100644 index da9d58ad125b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light-compact).png deleted file mode 100644 index 31ff1da4d320..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light).png deleted file mode 100644 index b162ba674132..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light-compact).png deleted file mode 100644 index 52b06019e1fe..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=floating (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light).png deleted file mode 100644 index 7b92c01fea4e..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light-compact).png deleted file mode 100644 index a64db7782f54..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light).png deleted file mode 100644 index a590e2e31378..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light-compact).png deleted file mode 100644 index 41581044a7ba..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light).png deleted file mode 100644 index 37f53b04a3bc..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light-compact).png deleted file mode 100644 index 74d441b27bd5..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=outside (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light).png deleted file mode 100644 index 5f7c4015a21f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light-compact).png deleted file mode 100644 index 760566999855..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light).png deleted file mode 100644 index da9d58ad125b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light-compact).png deleted file mode 100644 index 31ff1da4d320..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light).png deleted file mode 100644 index b162ba674132..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light-compact).png deleted file mode 100644 index 52b06019e1fe..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=filled,lMode=static (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light).png deleted file mode 100644 index 5193eb5d009f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light-compact).png deleted file mode 100644 index 3e2d6a70b887..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light).png deleted file mode 100644 index 42e901c129af..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light-compact).png deleted file mode 100644 index d9cd334d48ea..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light).png deleted file mode 100644 index 0bc44777f678..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light-compact).png deleted file mode 100644 index 73059a52272e..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=floating (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light).png deleted file mode 100644 index 91185a5cabd2..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light-compact).png deleted file mode 100644 index 2ff4a22c5e8e..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light).png deleted file mode 100644 index e5b108457cc3..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light-compact).png deleted file mode 100644 index acb23ef3f03f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light).png deleted file mode 100644 index 148ebe1b4e70..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light-compact).png deleted file mode 100644 index a09bf0d49373..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=outside (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light).png deleted file mode 100644 index 5193eb5d009f..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light-compact).png deleted file mode 100644 index 3e2d6a70b887..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light).png deleted file mode 100644 index 42e901c129af..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light-compact).png deleted file mode 100644 index d9cd334d48ea..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light).png deleted file mode 100644 index 0bc44777f678..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light-compact).png deleted file mode 100644 index 73059a52272e..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=outlined,lMode=static (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light).png deleted file mode 100644 index 904125adb05a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light-compact).png deleted file mode 100644 index 7a20a8f270a6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light).png deleted file mode 100644 index e60b149d0d2b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light-compact).png deleted file mode 100644 index d2c153653a4a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light).png deleted file mode 100644 index dd51eb21463c..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light-compact).png deleted file mode 100644 index 06c5dcba7574..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=floating (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light).png deleted file mode 100644 index 5320b04fb310..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light-compact).png deleted file mode 100644 index 7a70b3c65bac..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light).png deleted file mode 100644 index db19eeca3df8..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light-compact).png deleted file mode 100644 index c029bb5db906..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light).png deleted file mode 100644 index c1c76a633dd0..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light-compact).png deleted file mode 100644 index f726bf8715b2..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=outside (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light).png deleted file mode 100644 index 904125adb05a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light-compact).png deleted file mode 100644 index 7a20a8f270a6..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (fluent-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light).png deleted file mode 100644 index e60b149d0d2b..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light-compact).png deleted file mode 100644 index d2c153653a4a..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (generic-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light).png deleted file mode 100644 index dd51eb21463c..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light-compact).png b/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light-compact).png deleted file mode 100644 index 06c5dcba7574..000000000000 Binary files a/e2e/testcafe-devextreme/tests/editors/textBox/etalons/Textbox with buttons container,stMode=underlined,lMode=static (material-blue-light-compact).png and /dev/null differ diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/label.ts b/e2e/testcafe-devextreme/tests/editors/textBox/label.ts index 45dff4022e01..7d41fc07c7fb 100644 --- a/e2e/testcafe-devextreme/tests/editors/textBox/label.ts +++ b/e2e/testcafe-devextreme/tests/editors/textBox/label.ts @@ -1,5 +1,5 @@ -/* eslint-disable no-nested-ternary */ -/* eslint-disable no-restricted-syntax */ +import type { Properties } from 'devextreme/ui/text_box.d'; +import type { LabelMode, EditorStyle, TextEditorButton } from 'devextreme/common'; import { Selector } from 'testcafe'; import { createScreenshotsComparer } from 'devextreme-screenshot-comparer'; import TextBox from 'devextreme-testcafe-models/textBox'; @@ -7,17 +7,22 @@ import Guid from 'devextreme/core/guid'; import { removeStylesheetRulesFromPage, insertStylesheetRulesToPage, setStyleAttribute, appendElementTo, setClassAttribute, - removeClassAttribute, } from '../../../helpers/domUtils'; -import { testScreenshot, getThemeName } from '../../../helpers/themeUtils'; +import { isMaterial, testScreenshot, getThemeName } from '../../../helpers/themeUtils'; import url from '../../../helpers/getPageUrl'; import { createWidget } from '../../../helpers/createWidget'; fixture.disablePageReloads`TextBox_Label` .page(url(__dirname, '../../container.html')); -const labelModes = ['floating', 'static', 'hidden', 'outside']; -const stylingModes = ['outlined', 'underlined', 'filled']; +const visibleLabelModes: LabelMode[] = ['floating', 'static', 'outside']; +const stylingModes: EditorStyle[] = ['outlined', 'underlined', 'filled']; +const buttonsList: (string | TextEditorButton)[][] = [ + ['clear'], + ['clear', { name: 'custom', location: 'after', options: { icon: 'home' } }], + [{ name: 'custom', location: 'after', options: { icon: 'home' } }, 'clear'], + ['clear', { name: 'custom', location: 'before', options: { icon: 'home' } }], +]; const TEXTBOX_CLASS = 'dx-textbox'; const HOVER_STATE_CLASS = 'dx-state-hover'; @@ -25,6 +30,25 @@ const FOCUSED_STATE_CLASS = 'dx-state-focused'; const READONLY_STATE_CLASS = 'dx-state-readonly'; const INVALID_STATE_CLASS = 'dx-invalid'; +const createTextBox = async (options?: Properties, state?: string): Promise => { + const id = `${`dx${new Guid()}`}`; + + await appendElementTo('#container', 'div', id, {}); + await createWidget('dxTextBox', { + labelMode: 'floating', + stylingMode: 'outlined', + text: 'Text', + label: 'Label Text', + ...options, + }, `#${id}`); + + if (state) { + await setClassAttribute(Selector(`#${id}`), state); + } + + return id; +}; + [ { labelMode: 'static', expectedWidths: { generic: 82, material: 68, fluent: 74 } }, { labelMode: 'floating', expectedWidths: { generic: 82, material: 68, fluent: 74 } }, @@ -58,116 +82,117 @@ const INVALID_STATE_CLASS = 'dx-invalid'; }); }); -stylingModes.forEach((stylingMode) => { - test(`Textbox render with stylingMode=${stylingMode}`, async (t) => { - const { takeScreenshot, compareResults } = createScreenshotsComparer(t); - - await insertStylesheetRulesToPage(`.${TEXTBOX_CLASS} { display: inline-block; vertical-align: middle; width: 60px; margin: 5px; }`); +test('Textbox render', async (t) => { + const { takeScreenshot, compareResults } = createScreenshotsComparer(t); - await testScreenshot(t, takeScreenshot, `Textbox render with limited width stylingMode=${stylingMode}.png`, { element: '#container' }); + await insertStylesheetRulesToPage(`.${TEXTBOX_CLASS} { display: inline-block; vertical-align: middle; width: 60px; margin: 5px; }`); - await removeStylesheetRulesFromPage(); + await testScreenshot(t, takeScreenshot, 'Textbox render with limited width.png', { element: '#container' }); - await insertStylesheetRulesToPage(`.${TEXTBOX_CLASS} { display: inline-block; vertical-align: middle; width: 260px; margin: 5px; }`); + await removeStylesheetRulesFromPage(); - await testScreenshot(t, takeScreenshot, `Textbox render stylingMode=${stylingMode}.png`); + await insertStylesheetRulesToPage(`.${TEXTBOX_CLASS} { display: inline-block; vertical-align: middle; width: 260px; margin: 5px; }`); - const states = [ - HOVER_STATE_CLASS, - FOCUSED_STATE_CLASS, - READONLY_STATE_CLASS, - INVALID_STATE_CLASS, - `${INVALID_STATE_CLASS} ${FOCUSED_STATE_CLASS}`, - ]; + await testScreenshot(t, takeScreenshot, 'Textbox render.png'); - for (const state of states as any[]) { - for (const id of t.ctx.ids) { - await setClassAttribute(Selector(`#${id}`), state); + await t + .expect(compareResults.isValid()) + .ok(compareResults.errorMessages()); +}).before(async () => { + // eslint-disable-next-line no-restricted-syntax + for (const stylingMode of stylingModes) { + // eslint-disable-next-line no-restricted-syntax + for (const labelMode of visibleLabelModes) { + // eslint-disable-next-line no-restricted-syntax + for (const placeholder of ['Placeholder', '']) { + await createTextBox({ + text: undefined, + placeholder, + stylingMode, + labelMode, + }); } - await testScreenshot(t, takeScreenshot, `Textbox render ${state.replaceAll('dx-', '').replaceAll('state-', '')},stylingMode=${stylingMode}.png`); + await createTextBox({ text: 'Text value' }); + await createTextBox({ rtlEnabled: true }); + } + // eslint-disable-next-line no-restricted-syntax + for (const placeholder of ['Placeholder', '']) { + await createTextBox({ + text: undefined, + placeholder, + stylingMode, + label: undefined, + }); + } + await createTextBox({ label: undefined, text: 'Text value' }); + await createTextBox({ label: undefined, rtlEnabled: true }); + } +}); - for (const id of t.ctx.ids) { - await removeClassAttribute(Selector(`#${id}`), state); - } +test('Textbox states', async (t) => { + const { takeScreenshot, compareResults } = createScreenshotsComparer(t); + + await insertStylesheetRulesToPage(`.${TEXTBOX_CLASS} { display: inline-block; vertical-align: middle; width: 260px; margin: 5px; }`); + + await testScreenshot(t, takeScreenshot, 'Textbox states.png', { element: '#container' }); + + await t + .expect(compareResults.isValid()) + .ok(compareResults.errorMessages()); +}).before(async () => { + const states = [ + HOVER_STATE_CLASS, + FOCUSED_STATE_CLASS, + READONLY_STATE_CLASS, + INVALID_STATE_CLASS, + `${INVALID_STATE_CLASS} ${FOCUSED_STATE_CLASS}`, + ]; + // eslint-disable-next-line no-restricted-syntax + for (const state of states) { + // eslint-disable-next-line no-restricted-syntax + for (const placeholder of ['Placeholder', '']) { + await createTextBox({ + text: undefined, + placeholder, + }, state); } - await removeStylesheetRulesFromPage(); + await createTextBox({ text: 'Text value' }, state); + await createTextBox({ rtlEnabled: true }, state); + } +}); - await t - .expect(compareResults.isValid()) - .ok(compareResults.errorMessages()); - }).before(async (t) => { - t.ctx.ids = []; - - for (const rtlEnabled of [true, false]) { - for (const labelMode of labelModes) { - for (const placeholder of ['Placeholder', '']) { - for (const text of ['Text value', '']) { - for (const label of ['Label Text', '']) { - const id = `${`dx${new Guid()}`}`; - - t.ctx.ids.push(id); - await appendElementTo('#container', 'div', id, { }); - await createWidget('dxTextBox', { - label, - text, - placeholder, - labelMode, - stylingMode, - rtlEnabled, - }, `#${id}`); - } - } - } - } - } - }); +test('Textbox with buttons container', async (t) => { + const { takeScreenshot, compareResults } = createScreenshotsComparer(t); - ['floating', 'static', 'outside'].forEach((labelMode) => { - test(`Textbox with buttons container, stylingMode=${stylingMode}, labelMode=${labelMode}`, async (t) => { - const { takeScreenshot, compareResults } = createScreenshotsComparer(t); - - await insertStylesheetRulesToPage('#container { display: flex; flex-wrap: wrap; gap: 4px; }'); - - await testScreenshot(t, takeScreenshot, `Textbox with buttons container,stMode=${stylingMode},lMode=${labelMode}.png`, { shouldTestInCompact: true }); - - await removeStylesheetRulesFromPage(); - - await t - .expect(compareResults.isValid()) - .ok(compareResults.errorMessages()); - }).before(async () => { - for (const isValid of [true, false]) { - for (const buttons of [ - ['clear'], - ['clear', { name: 'custom', location: 'after', options: { icon: 'home' } }], - [{ name: 'custom', location: 'after', options: { icon: 'home' } }, 'clear'], - ['clear', { name: 'custom', location: 'before', options: { icon: 'home' } }], - [{ name: 'custom', location: 'before', options: { icon: 'home' } }, 'clear'], - ]) { - for (const rtlEnabled of [true, false]) { - const id = `${`dx${new Guid()}`}`; - - await appendElementTo('#container', 'div', id, { }); - - await createWidget('dxTextBox', { - width: 300, - value: 'Text', - stylingMode, - labelMode, - label: 'Label Text', - rtlEnabled, - buttons, - showClearButton: true, - isValid, - }, `#${id}`); - } - } - } - }); - }); + await insertStylesheetRulesToPage('#container { display: flex; flex-wrap: wrap; gap: 4px; }'); + + await testScreenshot(t, takeScreenshot, 'Textbox with buttons container.png'); + await removeStylesheetRulesFromPage(); + + await t + .expect(compareResults.isValid()) + .ok(compareResults.errorMessages()); +}).before(async () => { + if (isMaterial()) { + await insertStylesheetRulesToPage('#container .dx-widget { font-family: sans-serif }'); + } + + // eslint-disable-next-line no-restricted-syntax + for (const stylingMode of stylingModes) { + // eslint-disable-next-line no-restricted-syntax + for (const buttons of buttonsList) { + await createTextBox({ stylingMode, buttons, showClearButton: true }); + await createTextBox({ + stylingMode, buttons, showClearButton: true, isValid: false, + }); + } + } +}); + +stylingModes.forEach((stylingMode) => { test(`TextBox should not be hovered after hover of outside label, stylingMode=${stylingMode}`, async (t) => { const textBox = new TextBox('#container'); diff --git a/e2e/testcafe-devextreme/tests/editors/textBox/validationMessage.ts b/e2e/testcafe-devextreme/tests/editors/textBox/validationMessage.ts index 204d7d0469ce..90a7ce91e614 100644 --- a/e2e/testcafe-devextreme/tests/editors/textBox/validationMessage.ts +++ b/e2e/testcafe-devextreme/tests/editors/textBox/validationMessage.ts @@ -20,8 +20,6 @@ safeSizeTest('Validation Message position should be correct after change visibil .pressKey('enter') .pressKey('tab'); - await testScreenshot(t, takeScreenshot, 'Textbox validation message.png'); - await setAttribute('#container', 'hidden', 'true'); await removeAttribute('#container', 'hidden');