1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
/** @odoo-module */
import {
addMedia,
changeOption,
clickOnSave,
clickOnSnippet,
insertSnippet,
registerWebsitePreviewTour,
} from '@website/js/tours/tour_utils';
registerWebsitePreviewTour('snippet_image_gallery', {
url: '/',
edition: true,
}, () => [
...insertSnippet({id: 's_images_wall', name: 'Images Wall', groupName: "Images"}),
...clickOnSave(),
{
content: 'Click on an image of the Image Wall',
trigger: ':iframe .s_image_gallery img',
run: 'click',
},
{
content: 'Check that the modal has opened properly',
trigger: ':iframe .s_gallery_lightbox img',
},
]);
registerWebsitePreviewTour("snippet_image_gallery_remove", {
url: "/",
edition: true,
}, () => [
...insertSnippet({
id: "s_image_gallery",
name: "Image Gallery",
groupName: "Images",
}),
...clickOnSnippet({
id: 's_image_gallery',
name: 'Image Gallery',
}), {
content: "Click on Remove all",
trigger: "we-button:has(div:contains('Remove all'))",
run: "click",
}, {
content: "Click on Add Images",
trigger: ":iframe span:contains('Add Images')",
run: "click",
}, {
content: "Click on the first new image",
trigger: ".o_select_media_dialog img[title='s_default_image.jpg']",
run: "click",
}, {
content: "Click on the second new image",
trigger: ".o_select_media_dialog img[title='s_default_image2.jpg']",
run: "click",
},
addMedia(),
{
content: "Click on the image of the Image Gallery snippet",
trigger: ":iframe .s_image_gallery .carousel-item.active img",
run: "click",
}, {
content: "Check that the Snippet Editor of the clicked image has been loaded",
trigger: "we-customizeblock-options span:contains('Image'):not(:contains('Image Gallery'))",
}, {
content: "Click on Remove Block",
trigger: ".o_we_customize_panel we-title:has(span:contains('Image Gallery')) we-button[title='Remove Block']",
run: "click",
}, {
content: "Check that the Image Gallery snippet has been removed",
trigger: ":iframe #wrap:not(:has(.s_image_gallery))",
}]);
registerWebsitePreviewTour("snippet_image_gallery_reorder", {
url: "/",
edition: true,
}, () => [
...insertSnippet({
id: "s_image_gallery",
name: "Image Gallery",
groupName: "Images",
}),
{
content: "Click on the first image of the snippet",
trigger: ":iframe .s_image_gallery .carousel-item.active img",
run: "click",
},
changeOption('ImageTools', 'we-select:contains("Filter") we-toggler'),
changeOption('ImageTools', '[data-gl-filter="blur"]'),
{
content: "Check that the image has the correct filter",
trigger: ".snippet-option-ImageTools we-select:contains('Filter') we-toggler:contains('Blur')",
}, {
content: "Click on move to next",
trigger: ".snippet-option-GalleryElement we-button[data-position='next']",
run: "click",
}, {
content: "Check that the image has been moved",
trigger: ":iframe .s_image_gallery .carousel-item.active img[data-index='1']",
}, {
content: "Click on the footer to reload the editor panel",
trigger: ":iframe #footer",
run: "click",
}, {
content: "Check that the footer options have been loaded",
trigger: ".snippet-option-HideFooter we-button:contains('Page Visibility')",
}, {
content: "Click on the moved image",
trigger: ":iframe .s_image_gallery .carousel-item.active img[data-index='1'][data-gl-filter='blur']",
run: "click",
}, {
content: "Check that the image still has the correct filter",
trigger: ".snippet-option-ImageTools we-select:contains('Filter') we-toggler:contains('Blur')",
}, {
content: "Click to access next image",
trigger: ":iframe .s_image_gallery .carousel-control-next",
run: "click",
}, {
content: "Check that the option has changed",
trigger: ".snippet-option-ImageTools we-select:contains('Filter') we-toggler:not(:contains('Blur'))",
}, {
content: "Click to access previous image",
trigger: ":iframe .s_image_gallery .carousel-control-prev",
run: "click",
}, {
content: "Check that the option is restored",
trigger: ".snippet-option-ImageTools we-select:contains('Filter') we-toggler:contains('Blur')",
}]);
registerWebsitePreviewTour("snippet_image_gallery_thumbnail_update", {
url: "/",
edition: true,
}, () => [
...insertSnippet({
id: "s_image_gallery",
name: "Image Gallery",
groupName: "Images",
}),
...clickOnSnippet({
id: "s_image_gallery",
name: "Image Gallery",
}),
changeOption("GalleryImageList", "we-button[data-add-images]"),
{
content: "Click on the default image",
trigger: ".o_select_media_dialog img[title='s_default_image.jpg']",
run: "click",
},
addMedia(),
{
content: "Check that the new image has been added",
trigger: ":iframe .s_image_gallery:has(img[data-index='3'])",
}, {
content: "Check that the thumbnail of the first image has not been changed",
trigger: ":iframe .s_image_gallery div.carousel-indicators button:first-child[style='background-image: url(/web/image/website.library_image_08)']",
}]);
|
