[IMP] website: test a website style can properly be edited

This test at least ensures that a SCSS edition through the editor can
properly be done and indirectly tests that the assets order is correct
(in prevision of a future asset refactoring).

closes odoo/odoo#64754

Signed-off-by: Romain Derie <rdeodoo@users.noreply.github.com>

1 files changed, 34 insertions, 0 deletions

diff --git a/addons/website/static/tests/tours/website_style_edition.js b/addons/website/static/tests/tours/website_style_edition.js
new file mode 100644
index 00000000000..1f4033eb46d
--- /dev/null
+++ b/addons/website/static/tests/tours/website_style_edition.js
@@ -0,0 +1,34 @@
+odoo.define("website.tour.website_style_edition", function (require) {
+"use strict";
+
+const tour = require("web_tour.tour");
+
+const TARGET_FONT_SIZE = 30;
+
+tour.register("website_style_edition", {
+    test: true,
+    url: "/",
+}, [{
+    content: "Enter edit mode",
+    trigger: 'a[data-action=edit]',
+}, {
+    content: "Go to theme options",
+    trigger: '.o_we_customize_theme_btn',
+}, {
+    content: "Change font size",
+    trigger: '[data-variable="font-size-base"] input',
+    run: `text_blur ${TARGET_FONT_SIZE}`,
+}, {
+    content: "Save",
+    trigger: '[data-action="save"]',
+}, {
+    content: "Check the font size was properly adapted",
+    trigger: 'body:not(.editor_enable) #wrapwrap',
+    run: function (actions) {
+        const style = window.getComputedStyle(this.$anchor[0]);
+        if (style.fontSize !== `${TARGET_FONT_SIZE}px`) {
+            console.error(`Expected the font-size to be equal to ${TARGET_FONT_SIZE}px but found ${style.fontSize} instead`);
+        }
+    },
+}]);
+});