odoo_source/addons/mail/static/tests/document_viewer_tests.js

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');
    });
});
});