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
|
odoo.define('website.test.html_editor', function (require) {
'use strict';
var tour = require('web_tour.tour');
tour.register('html_editor_multiple_templates', {
test: true,
url: '/generic',
},
[
// 1. Edit the page through Edit Mode, it will COW the view
{
content: "enter edit mode",
trigger: 'a[data-action=edit]',
},
{
content: "drop a snippet",
trigger: '#oe_snippets .oe_snippet:has(.s_cover) .oe_snippet_thumbnail',
// id starting by 'oe_structure..' will actually create an inherited view
run: "drag_and_drop #oe_structure_test_ui",
},
{
content: "save the page",
extra_trigger: '#oe_structure_test_ui.o_dirty',
trigger: "button[data-action=save]",
},
// 2. Edit generic view
{
content: "open customize menu",
extra_trigger: "body:not(.editor_enable)",
trigger: '#customize-menu > a',
},
{
content: "open html editor",
trigger: '#html_editor',
},
{
content: "add something in the generic view",
trigger: 'div.ace_line .ace_xml:contains("Generic")',
run: function () {
ace.edit('ace-view-editor').getSession().insert({row: 3, column: 1}, '<p>somenewcontent</p>\n');
},
},
// 3. Edit oe_structure specific view
{
content: "select oe_structure specific view",
trigger: 'div.ace_line .ace_xml:contains("somenewcontent")',
run: function () {
var viewId = $('#ace-view-list option:contains("oe_structure_test_ui")').val();
$('#ace-view-list').val(viewId).trigger('change');
},
},
{
content: "add something in the oe_structure specific view",
extra_trigger: '#ace-view-id:contains("test.generic_view_oe_structure_test_ui")', // If no xml_id it should show key
trigger: 'div.ace_line .ace_xml:contains("s_cover")',
run: function () {
ace.edit('ace-view-editor').getSession().insert({row: 2, column: 1}, '<p>anothernewcontent</p>\n');
},
},
{
content: "save the html editor",
extra_trigger: 'div.ace_line .ace_xml:contains("anothernewcontent")',
trigger: ".o_ace_view_editor button[data-action=save]",
},
{
content: "check that the page has both modification",
extra_trigger: '#wrapwrap:contains("anothernewcontent")',
trigger: '#wrapwrap:contains("somenewcontent")',
run: function () {}, // it's a check
},
]
);
tour.register('test_html_editor_scss', {
test: true,
url: '/contactus',
},
[
// 1. Open Html Editor and select a scss file
{
content: "open customize menu",
extra_trigger: '#wrap:visible', // ensure state for later
trigger: '#customize-menu > a',
},
{
content: "open html editor",
trigger: '#html_editor',
},
{
content: "open type switcher",
trigger: '.o_ace_type_switcher button',
},
{
content: "select scss files",
trigger: '.o_ace_type_switcher_choice[data-type="scss"]',
},
{
content: "select 'user_custom_rules'",
trigger: 'body:has(#ace-scss-list option:contains("user_custom_rules"))',
run: function () {
var scssId = $('#ace-scss-list option:contains("user_custom_rules")').val();
$('#ace-scss-list').val(scssId).trigger('change');
},
},
// 2. Edit that file and ensure it was saved then reset it
{
content: "add some scss content in the file",
trigger: 'div.ace_line .ace_comment:contains("footer {")',
run: function () {
ace.edit('ace-view-editor').getSession().insert({row: 2, column: 0}, '#wrap {display: none;}\n');
},
},
{
content: "save the html editor",
extra_trigger: 'div.ace_line:contains("#wrap {display: none;}")',
trigger: ".o_ace_view_editor button[data-action=save]",
},
{
content: "check that the scss modification got applied",
trigger: 'body:has(#wrap:hidden)',
run: function () {}, // it's a check
},
{
content: "reset view (after reload, html editor should have been reopened where it was)",
trigger: '#ace-view-id button[data-action="reset"]',
},
{
content: "confirm reset warning",
trigger: '.modal-footer .btn-primary',
},
{
content: "check that the scss file was reset correctly, wrap content should now be visible again",
trigger: '#wrap:visible',
run: function () {}, // it's a check
},
]
);
});
|
