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
|
/** @odoo-module **/
import {
changeOption,
insertSnippet,
registerWebsitePreviewTour,
} from '@website/js/tours/tour_utils';
registerWebsitePreviewTour('drop_404_ir_attachment_url', {
url: '/',
edition: true,
}, () => [
...insertSnippet({
id: 's_404_snippet',
name: '404 Snippet',
groupName: "Images",
}),
{
content: 'Click on the snippet image',
trigger: ':iframe .s_404_snippet img',
run: "click",
},
{
trigger: ".snippet-option-ReplaceMedia",
},
{
content: 'Once the image UI appears, check the image has no size (404)',
trigger: ':iframe .s_404_snippet img',
run() {
const imgEl = this.anchor;
if (!imgEl.complete
|| imgEl.naturalWidth !== 0
|| imgEl.naturalHeight !== 0) {
throw new Error('This is supposed to be a 404 image');
}
},
},
changeOption('ImageTools', 'we-select[data-name="shape_img_opt"] we-toggler'),
changeOption('ImageTools', 'we-button[data-set-img-shape]'),
{
content: 'Once the shape is applied, check the image has now a size (placeholder image)',
trigger: ':iframe .s_404_snippet img[src^="data:"]',
run() {
const imgEl = this.anchor;
if (!imgEl.complete
|| imgEl.naturalWidth === 0
|| imgEl.naturalHeight === 0) {
throw new Error('Even though the original image was a 404, the option should have been applied on the placeholder image');
}
},
},
]);
|
