2
2
changeOption ,
3
3
insertSnippet ,
4
4
registerWebsitePreviewTour ,
5
+ changeOptionInPopover ,
5
6
} from '@website/js/tours/tour_utils' ;
6
7
7
8
registerWebsitePreviewTour ( 'drop_404_ir_attachment_url' , {
@@ -19,11 +20,11 @@ registerWebsitePreviewTour('drop_404_ir_attachment_url', {
19
20
run : "click" ,
20
21
} ,
21
22
{
22
- trigger : ".snippet-option-ReplaceMedia " ,
23
+ trigger : ".o-tab-content [data-container-title='Image'] [data-action-id='replaceMedia'] " ,
23
24
} ,
24
25
{
25
26
content : 'Once the image UI appears, check the image has no size (404)' ,
26
- trigger : ' :iframe . s_404_snippet img' ,
27
+ trigger : " :iframe [data-snippet=' s_404_snippet'] img" ,
27
28
run ( ) {
28
29
const imgEl = this . anchor ;
29
30
if ( ! imgEl . complete
@@ -33,11 +34,23 @@ registerWebsitePreviewTour('drop_404_ir_attachment_url', {
33
34
}
34
35
} ,
35
36
} ,
36
- changeOption ( 'ImageTools' , 'we-select[data-name="shape_img_opt"] we-toggler' ) ,
37
- changeOption ( 'ImageTools' , 'we-button[data-set-img-shape]' ) ,
37
+ {
38
+ content : 'Click on the shape option' ,
39
+ trigger : ".o-tab-content [data-container-title='Image'] .dropdown-toggle" ,
40
+ run : "click" ,
41
+ } ,
42
+ {
43
+ content : "Check the shape option page container is open" ,
44
+ trigger : ".o_customize_tab [data-shape-group-id='basic']" ,
45
+ } ,
46
+ {
47
+ content : 'Select the first shape' ,
48
+ trigger : ".o_customize_tab .builder_select_page [data-action-value='html_builder/geometric/geo_shuriken']" ,
49
+ run : "click" ,
50
+ } ,
38
51
{
39
52
content : 'Once the shape is applied, check the image has now a size (placeholder image)' ,
40
- trigger : ':iframe .s_404_snippet img[src^="data:"] ' ,
53
+ trigger : ':iframe [data-snippet="s_404_snippet"] img ' ,
41
54
run ( ) {
42
55
const imgEl = this . anchor ;
43
56
if ( ! imgEl . complete
0 commit comments