72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
|
/** @odoo-module **/
|
||
|
|
|
||
|
|
import wTourUtils from '@website/js/tours/tour_utils';
|
||
|
|
|
||
|
|
const blockIDToData = {
|
||
|
|
parent: {
|
||
|
|
selector: 'iframe .s_focusblur',
|
||
|
|
name: 'section',
|
||
|
|
overlayIndex: 2,
|
||
|
|
},
|
||
|
|
child1: {
|
||
|
|
selector: 'iframe .s_focusblur_child1',
|
||
|
|
name: 'first child',
|
||
|
|
overlayIndex: 1,
|
||
|
|
},
|
||
|
|
child2: {
|
||
|
|
selector: 'iframe .s_focusblur_child2',
|
||
|
|
name: 'second child',
|
||
|
|
overlayIndex: 0,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
function clickAndCheck(blockID, expected) {
|
||
|
|
const blockData = blockIDToData[blockID] || {};
|
||
|
|
|
||
|
|
return [{
|
||
|
|
content: blockID ? `Enable the ${blockData.name}` : 'Disable all blocks',
|
||
|
|
trigger: blockData.selector || 'iframe #wrapwrap',
|
||
|
|
}, {
|
||
|
|
content: 'Once the related overlays are enabled/disabled, check that the focus/blur calls have been correct.',
|
||
|
|
trigger: blockID
|
||
|
|
? `iframe .oe_overlay.o_draggable:eq(${blockData.overlayIndex}).oe_active`
|
||
|
|
: `iframe #oe_manipulators:not(:has(.oe_active))`,
|
||
|
|
allowInvisible: !blockID,
|
||
|
|
run: function (actions) {
|
||
|
|
const result = window.focusBlurSnippetsResult;
|
||
|
|
window.focusBlurSnippetsResult = [];
|
||
|
|
|
||
|
|
if (expected.length !== result.length
|
||
|
|
|| !expected.every((item, i) => item === result[i])) {
|
||
|
|
console.error(`
|
||
|
|
Expected: ${expected.toString()}
|
||
|
|
Result: ${result.toString()}
|
||
|
|
`);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}];
|
||
|
|
}
|
||
|
|
|
||
|
|
window.focusBlurSnippetsResult = [];
|
||
|
|
|
||
|
|
wTourUtils.registerWebsitePreviewTour("focus_blur_snippets", {
|
||
|
|
test: true,
|
||
|
|
url: "/",
|
||
|
|
edition: true,
|
||
|
|
}, () => [
|
||
|
|
{
|
||
|
|
content: 'Drag the custom block into the page',
|
||
|
|
trigger: '#snippet_structure .oe_snippet:has(.oe_snippet_body.s_focusblur) .oe_snippet_thumbnail',
|
||
|
|
run: 'drag_and_drop_native iframe #wrap',
|
||
|
|
},
|
||
|
|
...clickAndCheck('parent', ['focus parent']),
|
||
|
|
...clickAndCheck(null, ['blur parent']),
|
||
|
|
...clickAndCheck('child1', ['focus parent', 'focus child1']),
|
||
|
|
...clickAndCheck('child1', []),
|
||
|
|
...clickAndCheck(null, ['blur parent', 'blur child1']),
|
||
|
|
...clickAndCheck('parent', ['focus parent']),
|
||
|
|
...clickAndCheck('child1', ['blur parent', 'focus parent', 'focus child1']),
|
||
|
|
...clickAndCheck('child2', ['blur parent', 'blur child1', 'focus parent', 'focus child2']),
|
||
|
|
...clickAndCheck('parent', ['blur parent', 'blur child2', 'focus parent']),
|
||
|
|
]);
|