[REF] base, mail: Documents (enterprise) related changes

    -removed force_ext from ir.http.
    -added signature arg to web/image to differentiate cache entries by URL.
    -added an embed youtube viewer for youtube URL's
    -added a PDF splitter to the PDF viewer UI
    -added tests for mail's Document Viewer
    -added a "signature" param to web/image to go around the browser cache

    -thumbnail field of ir.attachment is now stored in the filestore
    as a distinct attachment.

task 1853490

Co-authored-by: Pierre Paridans <app@odoo.com>

1 files changed, 242 insertions, 0 deletions

diff --git a/addons/mail/static/tests/document_viewer_tests.js b/addons/mail/static/tests/document_viewer_tests.js
new file mode 100644
index 00000000000..bbd2d9a6fa1
--- /dev/null
+++ b/addons/mail/static/tests/document_viewer_tests.js
@@ -0,0 +1,242 @@
+odoo.define('mail.document_viewer_tests', function (require) {
+"use strict";
+
+var DocumentViewer = require('mail.DocumentViewer');
+
+var testUtils = require('web.test_utils');
+var Widget = require('web.Widget');
+
+/**
+ * @param {Object} params
+ * @param {Object[]} params.attachments
+ * @param {int} params.attachmentID
+ * @param {function} [params.mockRPC]
+ * @param {boolean} [params.debug]
+ * @returns {DocumentViewer}
+ */
+var createViewer = function (params) {
+    var parent = new Widget();
+    var viewer = new DocumentViewer(parent, params.attachments, params.attachmentID);
+
+    var mockRPC = function (route) {
+        if (route === '/web/static/lib/pdfjs/web/viewer.html?file=/web/content/1') {
+            return $.when();
+        }
+        if (route === 'https://www.youtube.com/embed/FYqW0Gdwbzk') {
+            return $.when();
+        }
+        if (route === '/web/content/4') {
+            return $.when();
+        }
+        if (route === '/web/image/6?unique=1&signature=999') {
+            return $.when();
+        }
+    };
+    testUtils.addMockEnvironment(parent, {
+        mockRPC: function () {
+            if (params.mockRPC) {
+                var _super = this._super;
+                this._super = mockRPC;
+                var def = params.mockRPC.apply(this, arguments);
+                this._super = _super;
+                return def;
+            } else {
+                return mockRPC.apply(this, arguments);
+            }
+        },
+        intercepts: params.intercepts || {},
+    });
+    var $target = $("#qunit-fixture");
+    if (params.debug) {
+        $target = $('body');
+        $target.addClass('debug');
+    }
+    viewer.appendTo($target);
+
+    // actually destroy the parent when the viewer is destroyed
+    viewer.destroy = function () {
+        delete viewer.destroy;
+        parent.destroy();
+    };
+    return viewer;
+};
+
+QUnit.module('DocumentViewer', {
+    beforeEach: function () {
+        this.attachments = [
+            {id: 1, datas_fname: 'filePdf.pdf', type: 'binary', mimetype: 'application/pdf', datas:'R0lGOP////ywAADs='},
+            {id: 2, name: 'urlYoutubeName', type: 'url', mimetype: '', url: 'https://youtu.be/FYqW0Gdwbzk', datas_fname: 'urlYoutube'},
+            {id: 3, name: 'urlGoogle', type: 'url', mimetype: '', url: 'https://www.google.com', datas_fname: 'urlRandom'},
+            {id: 4, name: 'text.html', datas_fname: 'text.html', type: 'binary', mimetype: 'text/html', datas:'testee'},
+            {id: 5, name: 'video.mp4', datas_fname: 'video.mp4', type: 'binary', mimetype: 'video/mp4', datas:'R0lDOP////ywAADs='},
+            {id: 6, name: 'image.jpg', datas_fname: 'image.jpg', type: 'binary', mimetype: 'image/jpeg', checksum: 999, datas:'R0lVOP////ywAADs='},
+        ];
+    },
+}, function () {
+
+    QUnit.test('basic rendering', function (assert) {
+        assert.expect(7);
+
+        var viewer = createViewer({
+            attachmentID: 1,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$('.o_viewer_content').length, 1,
+            "there should be a preview");
+        assert.strictEqual(viewer.$('.o_close_btn').length, 1,
+            "there should be a close button");
+        assert.strictEqual(viewer.$('.o_viewer-header').length, 1,
+            "there should be a header");
+        assert.strictEqual(viewer.$('.o_image_caption').length, 1,
+            "there should be an image caption");
+        assert.strictEqual(viewer.$('.o_viewer_zoomer').length, 1,
+            "there should be a zoomer");
+        assert.strictEqual(viewer.$('.fa-chevron-right').length, 1,
+            "there should be a right nav icon");
+        assert.strictEqual(viewer.$('.fa-chevron-left').length, 1,
+            "there should be a left nav icon");
+
+        viewer.destroy();
+    });
+
+    QUnit.test('Document Viewer PDF', function (assert) {
+        assert.expect(6);
+
+        var viewer = createViewer({
+            attachmentID: 1,
+            attachments: this.attachments,
+            mockRPC: function (route, args) {
+                if (args.method === 'split_pdf') {
+                    assert.deepEqual(args.args, [1, "", false], "should have the right arguments");
+                    return $.when();
+                }
+                return this._super.apply(this, arguments);
+            },
+            intercepts: {
+                document_viewer_attachment_changed: function () {
+                    assert.ok(true, "should trigger document_viewer_attachment_changed event");
+                }
+            },
+        });
+
+        assert.strictEqual(viewer.$('.o_page_number_input').length, 1,
+            "pdf should have a page input");
+        assert.strictEqual(viewer.$('.o_remainder_input').length, 1,
+            "pdf should have a remainder checkbox");
+        assert.strictEqual(viewer.$('.o_split_btn').length, 1,
+            "pdf should have a split button");
+
+        viewer.$('.o_split_btn').click();
+
+        assert.ok(viewer.isDestroyed(), 'viewer should be destroyed');
+    });
+
+    QUnit.test('Document Viewer Youtube', function (assert) {
+        assert.expect(3);
+
+        var youtubeURL = 'https://www.youtube.com/embed/FYqW0Gdwbzk';
+        var viewer = createViewer({
+            attachmentID: 2,
+            attachments: this.attachments,
+            mockRPC: function (route) {
+                if (route === youtubeURL) {
+                    assert.ok(true, "should have called youtube URL");
+                }
+                return this._super.apply(this, arguments);
+            },
+        });
+
+        assert.strictEqual(viewer.$(".o_image_caption:contains('urlYoutubeName')").length, 1,
+            "the viewer should be on the right attachment");
+        assert.strictEqual(viewer.$('.o_viewer_text[data-src="' + youtubeURL + '"]').length, 1,
+            "there should be a video player");
+
+        viewer.destroy();
+    });
+
+    QUnit.test('Document Viewer html/(txt)', function (assert) {
+        assert.expect(2);
+
+        var viewer = createViewer({
+            attachmentID: 4,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$(".o_image_caption:contains('text.html')").length, 1,
+            "the viewer be on the right attachment");
+        assert.strictEqual(viewer.$('iframe[data-src="/web/content/4"]').length, 1,
+            "there should be an iframe with the right src");
+
+        viewer.destroy();
+    });
+
+    QUnit.test('Document Viewer mp4', function (assert) {
+        assert.expect(2);
+
+        var viewer = createViewer({
+            attachmentID: 5,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$(".o_image_caption:contains('video.mp4')").length, 1,
+            "the viewer be on the right attachment");
+        assert.strictEqual(viewer.$('.o_viewer_video').length, 1,
+            "there should be a video player");
+
+        viewer.destroy();
+    });
+
+    QUnit.test('Document Viewer jpg', function (assert) {
+        assert.expect(2);
+
+        var viewer = createViewer({
+            attachmentID: 6,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$(".o_image_caption:contains('image.jpg')").length, 1,
+            "the viewer be on the right attachment");
+        assert.strictEqual(viewer.$('img[data-src="/web/image/6?unique=1&signature=999"]').length, 1,
+            "there should be a video player");
+
+        viewer.destroy();
+    });
+
+    QUnit.test('is closable by button', function (assert) {
+        assert.expect(3);
+
+        var viewer = createViewer({
+            attachmentID: 6,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$('.o_viewer_content').length, 1,
+            "should have a document viewer");
+        assert.strictEqual(viewer.$('.o_close_btn').length, 1,
+            "should have a close button");
+
+        viewer.$('.o_close_btn').click();
+
+        assert.ok(viewer.isDestroyed(), 'viewer should be destroyed');
+    });
+
+    QUnit.test('is closable by clicking on the wrapper', function (assert) {
+        assert.expect(3);
+
+        var viewer = createViewer({
+            attachmentID: 6,
+            attachments: this.attachments,
+        });
+
+        assert.strictEqual(viewer.$('.o_viewer_content').length, 1,
+            "should have a document viewer");
+        assert.strictEqual(viewer.$('.o_viewer_img_wrapper').length, 1,
+            "should have a wrapper");
+
+        viewer.$('.o_viewer_img_wrapper').click();
+
+        assert.ok(viewer.isDestroyed(), 'viewer should be destroyed');
+    });
+});
+});