initial commit 2

1 files changed, 108 insertions, 0 deletions

diff --git a/addons/web/static/tests/views/abstract_view_banner_tests.js b/addons/web/static/tests/views/abstract_view_banner_tests.js
new file mode 100644
index 00000000..e5aa14fa
--- /dev/null
+++ b/addons/web/static/tests/views/abstract_view_banner_tests.js
@@ -0,0 +1,108 @@
+odoo.define('web.abstract_view_banner_tests', function (require) {
+"use strict";
+
+var AbstractRenderer = require('web.AbstractRenderer');
+var AbstractView = require('web.AbstractView');
+
+var testUtils = require('web.test_utils');
+var createView = testUtils.createView;
+
+var TestRenderer = AbstractRenderer.extend({
+    _renderView: function () {
+        this.$el.addClass('test_content');
+        return this._super();
+    },
+});
+
+var TestView = AbstractView.extend({
+    type: 'test',
+    config: _.extend({}, AbstractView.prototype.config, {
+        Renderer: TestRenderer
+    }),
+});
+
+var test_css_url = '/test_assetsbundle/static/src/css/test_cssfile1.css';
+
+QUnit.module('Views', {
+        beforeEach: function () {
+            this.data = {
+                test_model: {
+                    fields: {},
+                    records: [],
+                },
+            };
+        },
+        afterEach: function () {
+            $('head link[href$="' + test_css_url + '"]').remove();
+        }
+    }, function () {
+        QUnit.module('BasicRenderer');
+
+        QUnit.test("The banner should be fetched from the route", function (assert) {
+            var done = assert.async();
+            assert.expect(6);
+
+            var banner_html =`
+                <div class="modal o_onboarding_modal o_technical_modal" tabindex="-1" role="dialog">
+                    <div class="modal-dialog" role="document">
+                        <div class="modal-content">
+                            <div class="modal-footer">
+                                <a type="action" class="btn btn-primary" data-dismiss="modal"
+                                data-toggle="collapse" href=".o_onboarding_container">
+                                    Remove
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="o_onboarding_container collapse show">
+                    <div class="o_onboarding_wrap">
+                        <a href="#" data-toggle="modal" data-target=".o_onboarding_modal"
+                           class="float-right o_onboarding_btn_close">
+                            <i class="fa fa-times" title="Close the onboarding panel" />
+                        </a>
+                    </div>
+                    <div>
+                        <link type="text/css" href="` + test_css_url + `" rel="stylesheet">
+                        <div class="hello_banner">Here is the banner</div>
+                    </div>
+                </div>`;
+
+            createView({
+                View: TestView,
+                model: 'test_model',
+                data: this.data,
+                arch: '<test banner_route="/module/hello_banner"/>',
+                mockRPC: function (route, args) {
+                    if (route === '/module/hello_banner') {
+                        assert.step(route);
+                        return Promise.resolve({html: banner_html});
+                    }
+                    return this._super(route, args);
+                },
+            }).then(async function (view) {
+                var $banner = view.$('.hello_banner');
+                assert.strictEqual($banner.length, 1,
+                    "The view should contain the response from the controller.");
+                assert.verifySteps(['/module/hello_banner'], "The banner should be fetched.");
+
+                var $head_link = $('head link[href$="' + test_css_url + '"]');
+                assert.strictEqual($head_link.length, 1,
+                    "The stylesheet should have been added to head.");
+
+                var $banner_link = $('link[href$="' + test_css_url + '"]', $banner);
+                assert.strictEqual($banner_link.length, 0,
+                    "The stylesheet should have been removed from the banner.");
+
+                await testUtils.dom.click(view.$('.o_onboarding_btn_close'));  // click on close to remove banner
+                await testUtils.dom.click(view.$('.o_technical_modal .btn-primary:contains("Remove")'));  // click on button remove from techinal modal
+                assert.strictEqual(view.$('.o_onboarding_container.show').length, 0,
+                    "Banner should be removed from the view");
+
+                view.destroy();
+                done();
+            });
+        });
+    }
+);
+});