@zextras/carbonio-ui-preview 1.2.0 → 1.2.1

package/lib/src/preview/PdfPreview.test.js

@@ -1,1298 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
-var PdfPreview_1 = require("./PdfPreview");
-var constants_1 = require("../constants");
-var test_1 = require("../constants/test");
-var test_utils_1 = require("test-utils");
-var pdfFile = (0, test_utils_1.loadPDF)('./__mocks__/_pdf.pdf');
-var zoomInIcon = 'icon: Plus';
-var zoomOutIcon = 'icon: Minus';
-var zoomFitToWidthIcon = 'icon: MaximizeOutline';
-var zoomResetWidthIcon = 'icon: MinimizeOutline';
-jest.useRealTimers();
-describe('Pdf Preview', function () {
-    test('Render a pdf document', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, pageElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
-                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
-                    expect(pageElement).toBeDefined();
-                    expect(pageElement).not.toBeNull();
-                    expect(pageElement).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Render a pdf document from File', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, loadingElement, pageElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.file, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    loadingElement = _a.sent();
-                    expect(loadingElement).toBeInTheDocument();
-                    return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
-                case 2:
-                    _a.sent();
-                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
-                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
-                    expect(pageElement).toBeDefined();
-                    expect(pageElement).not.toBeNull();
-                    expect(pageElement).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Render a pdf document from Blob', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, loadingElement, pageElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.blob, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    loadingElement = _a.sent();
-                    expect(loadingElement).toBeInTheDocument();
-                    return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
-                case 2:
-                    _a.sent();
-                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
-                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
-                    expect(pageElement).toBeDefined();
-                    expect(pageElement).not.toBeNull();
-                    expect(pageElement).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('If show is false does not render the pdf', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose;
-        return __generator(this, function (_a) {
-            onClose = jest.fn();
-            (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: false, src: pdfFile.dataURI, onClose: onClose }), {
-                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-            });
-            expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-            expect(react_2.screen.queryByTestId(test_1.SELECTORS.previewContainer)).not.toBeInTheDocument();
-            return [2 /*return*/];
-        });
-    }); });
-    test('If pdf is not valid render an error message', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    jest_fetch_mock_1.default.mockReject(function () { return Promise.reject(new Error('API is down')); });
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: "invalid-pdf.pdf", onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, react_2.screen.findByText(/Failed to load document preview./i)];
-                case 2:
-                    _a.sent();
-                    expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('If fallback is requested, does not render the pdf but the fallback instead', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose;
-        return __generator(this, function (_a) {
-            onClose = jest.fn();
-            (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, useFallback: true, openSrc: "open-src" }), {
-                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-            });
-            expect(react_2.screen.getByText(/This item cannot be displayed/i)).toBeVisible();
-            expect(react_2.screen.getByText(/The file size exceeds the limit allowed and cannot be displayed/i)).toBeVisible();
-            expect(react_2.screen.getByText(/Please, download it or open it in a separate tab/i)).toBeVisible();
-            expect(react_2.screen.getByRole('button', { name: /download/i })).toBeVisible();
-            expect(react_2.screen.getByRole('button', { name: /open/i })).toBeVisible();
-            return [2 /*return*/];
-        });
-    }); });
-    test('Render a custom fallback', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, CustomContent;
-        return __generator(this, function (_a) {
-            onClose = jest.fn();
-            CustomContent = react_1.default.createElement("div", null, "Custom content");
-            (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, useFallback: true, customContent: CustomContent, openSrc: "open-src" }), {
-                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-            });
-            expect(react_2.screen.queryByText(/This item cannot be displayed/i)).not.toBeInTheDocument();
-            expect(react_2.screen.queryByText(/The file size exceeds the limit allowed and cannot be displayed/i)).not.toBeInTheDocument();
-            expect(react_2.screen.queryByText(/Please, download it or open it in a separate tab/i)).not.toBeInTheDocument();
-            expect(react_2.screen.queryByRole('button', { name: /download/i })).not.toBeInTheDocument();
-            expect(react_2.screen.queryByRole('button', { name: /open/i })).not.toBeInTheDocument();
-            expect(react_2.screen.getByText(/custom content/i)).toBeVisible();
-            return [2 /*return*/];
-        });
-    }); });
-    test('Additional data are visible', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, filename: "file name", extension: "pdf", size: "18KB" }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(react_2.screen.getByText(/file name/i)).toBeVisible();
-                    expect(react_2.screen.getByText(/pdf.*18KB/i)).toBeVisible();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Escape key close the preview', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                case 2:
-                    _a.sent();
-                    expect(onClose).toHaveBeenCalled();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Close action calls onClose if no click action is provided', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, closeAction, user, closeActionElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn(function (e) {
-                        e.preventDefault();
-                    });
-                    closeAction = {
-                        id: 'closeAction',
-                        icon: 'Activity',
-                        tooltipLabel: 'Custom close action'
-                    };
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, closeAction: closeAction }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    closeActionElement = react_2.screen.getByTestId('icon: Activity');
-                    expect(closeActionElement).toBeVisible();
-                    return [4 /*yield*/, user.hover(closeActionElement)];
-                case 2:
-                    _a.sent();
-                    return [4 /*yield*/, react_2.screen.findByText(/custom close action/i)];
-                case 3:
-                    _a.sent();
-                    return [4 /*yield*/, user.click(closeActionElement)];
-                case 4:
-                    _a.sent();
-                    expect(onClose).toHaveBeenCalledTimes(1);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Click on actions calls onClose if event is not stopped by the action itself, instead if is disabled it is not propagated anyway ', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, actions, closeAction, user, action1Item, action2Item, closeActionItem;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    actions = [
-                        {
-                            id: 'action1',
-                            icon: 'Activity',
-                            onClick: jest.fn()
-                        },
-                        {
-                            id: 'action2',
-                            icon: 'People',
-                            onClick: jest.fn(function (ev) {
-                                ev.preventDefault();
-                            }),
-                            disabled: true
-                        }
-                    ];
-                    closeAction = {
-                        id: 'closeAction',
-                        icon: 'Close',
-                        onClick: jest.fn(function (ev) {
-                            ev.preventDefault();
-                        })
-                    };
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, actions: actions, filename: "pdf name", closeAction: closeAction }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
-                            // eslint-disable-next-line testing-library/no-node-access
-                            return expect(document.querySelector(test_1.SELECTORS.pdfPage(1))).toBeInTheDocument();
-                        })];
-                case 2:
-                    _a.sent();
-                    action1Item = react_2.screen.getByTestId('icon: Activity');
-                    action2Item = react_2.screen.getByTestId('icon: People');
-                    closeActionItem = react_2.screen.getByTestId('icon: Close');
-                    expect(action1Item).toBeVisible();
-                    expect(action2Item).toBeVisible();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(action2Item.parentElement).toHaveAttribute('disabled');
-                    expect(closeActionItem).toBeVisible();
-                    // click on action 1 is propagated and calls onClose
-                    return [4 /*yield*/, user.click(action1Item)];
-                case 3:
-                    // click on action 1 is propagated and calls onClose
-                    _a.sent();
-                    expect(actions[0].onClick).toHaveBeenCalled();
-                    expect(onClose).toHaveBeenCalledTimes(1);
-                    // click on action 2 skips the handler of the action since it is disabled and does not call onClose
-                    return [4 /*yield*/, user.click(action2Item)];
-                case 4:
-                    // click on action 2 skips the handler of the action since it is disabled and does not call onClose
-                    _a.sent();
-                    expect(actions[1].onClick).not.toHaveBeenCalled();
-                    expect(onClose).toHaveBeenCalledTimes(1);
-                    // click on close action is stopped by the action, event is not propagated and onClose is not called
-                    return [4 /*yield*/, user.click(closeActionItem)];
-                case 5:
-                    // click on close action is stopped by the action, event is not propagated and onClose is not called
-                    _a.sent();
-                    // FIXME
-                    // expect(closeAction.onClick).toHaveBeenCalled();
-                    expect(onClose).toHaveBeenCalledTimes(3);
-                    // click on filename is equivalent to a click on the overlay, so onClose is called
-                    return [4 /*yield*/, user.click(react_2.screen.getByText(/pdf name/i))];
-                case 6:
-                    // click on filename is equivalent to a click on the overlay, so onClose is called
-                    _a.sent();
-                    expect(onClose).toHaveBeenCalledTimes(4);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Zoom starts at lowest step', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, canvas;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    });
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    canvas = document.querySelector('canvas');
-                    expect(canvas).toBeVisible();
-                    expect(canvas).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[0]));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Decrease zoom is disabled when zoom is at lowest point', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, user, canvas;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    canvas = document.querySelector('canvas');
-                    expect(canvas).toBeVisible();
-                    expect(canvas).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[0]));
-                    expect(react_2.screen.getByTestId(zoomOutIcon)).toBeVisible();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).toHaveAttribute('disabled', '');
-                    expect(react_2.screen.getByTestId(zoomInIcon)).toBeVisible();
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomInIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    return [4 /*yield*/, user_event_1.default.click(react_2.screen.getByTestId(zoomOutIcon))];
-                case 3:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).toHaveAttribute('disabled', '');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Increase and decrease zoom change zoom by 1 step per time', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, user, step, step;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomOutIcon)).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomInIcon)).toBeVisible();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[0]));
-                    step = 0;
-                    _a.label = 2;
-                case 2:
-                    if (!(step < constants_1.ZOOM_STEPS.length - 1)) return [3 /*break*/, 5];
-                    // eslint-disable-next-line no-await-in-loop
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomInIcon))];
-                case 3:
-                    // eslint-disable-next-line no-await-in-loop
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[step + 1]));
-                    _a.label = 4;
-                case 4:
-                    step += 1;
-                    return [3 /*break*/, 2];
-                case 5:
-                    step = constants_1.ZOOM_STEPS.length - 1;
-                    _a.label = 6;
-                case 6:
-                    if (!(step > 0)) return [3 /*break*/, 9];
-                    // eslint-disable-next-line no-await-in-loop
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomOutIcon))];
-                case 7:
-                    // eslint-disable-next-line no-await-in-loop
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[step - 1]));
-                    _a.label = 8;
-                case 8:
-                    step -= 1;
-                    return [3 /*break*/, 6];
-                case 9: return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Increase zoom is disabled when zoom is at greatest point', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, user, step;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomInIcon)).toBeVisible();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    step = 0;
-                    _a.label = 2;
-                case 2:
-                    if (!(step < constants_1.ZOOM_STEPS.length - 1)) return [3 /*break*/, 5];
-                    // eslint-disable-next-line no-await-in-loop
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomInIcon))];
-                case 3:
-                    // eslint-disable-next-line no-await-in-loop
-                    _a.sent();
-                    _a.label = 4;
-                case 4:
-                    step += 1;
-                    return [3 /*break*/, 2];
-                case 5:
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).toHaveAttribute('disabled', '');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Fit to width zoom set width of pdf to width of the window', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    mockPdfWidth = 1000;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    expect(react_2.screen.queryByTestId(zoomResetWidthIcon)).not.toBeInTheDocument();
-                    expect(ref.current).not.toBeNull();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(mockPdfWidth));
-                    expect(react_2.screen.getByTestId(zoomResetWidthIcon)).toBeVisible();
-                    expect(react_2.screen.queryByTestId(zoomFitToWidthIcon)).not.toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Reset zoom set width to lowest step', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    mockPdfWidth = 1000;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    expect(react_2.screen.queryByTestId(zoomResetWidthIcon)).not.toBeInTheDocument();
-                    expect(ref.current).not.toBeNull();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(mockPdfWidth));
-                    expect(react_2.screen.getByTestId(zoomResetWidthIcon)).toBeVisible();
-                    expect(react_2.screen.queryByTestId(zoomFitToWidthIcon)).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomResetWidthIcon))];
-                case 3:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[0]));
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    expect(react_2.screen.queryByTestId(zoomResetWidthIcon)).not.toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('When client width is lower than lowest zoom step and zoom is set to fit to width, decrease zoom is disabled and increase is enabled', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    mockPdfWidth = constants_1.ZOOM_STEPS[0] - 1;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).toHaveAttribute('disabled', '');
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('When client width is greater than greatest zoom step and zoom is set to fit to width, decrease zoom is enabled and increase is disabled', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    mockPdfWidth = constants_1.ZOOM_STEPS[constants_1.ZOOM_STEPS.length - 1] + 1;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).toHaveAttribute('disabled', '');
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('After fit to width, decrease zoom set zoom to nearest lower zoom step', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, stepToReach, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    stepToReach = 1;
-                    mockPdfWidth = constants_1.ZOOM_STEPS[stepToReach + 1] - 1;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomOutIcon))];
-                case 3:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[stepToReach]));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('After fit to width, increase zoom set zoom to nearest greater zoom step', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, stepToReach, mockPdfWidth, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    stepToReach = 2;
-                    mockPdfWidth = constants_1.ZOOM_STEPS[stepToReach - 1] + 1;
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    jest.spyOn(ref.current, 'clientWidth', 'get').mockReturnValue(mockPdfWidth);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).not.toHaveAttribute('disabled', '');
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomInIcon))];
-                case 3:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[stepToReach]));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('When fit to width is active, resize of the window update width of the pdf', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, mockPdfWidth, user, getPreviewClientWidthMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    mockPdfWidth = [1001, 1501, 2001];
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    expect(react_2.screen.getByTestId(zoomFitToWidthIcon)).toBeVisible();
-                    getPreviewClientWidthMock = jest.spyOn(ref.current, 'clientWidth', 'get');
-                    getPreviewClientWidthMock.mockReturnValueOnce(mockPdfWidth[0]);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(mockPdfWidth[0]));
-                    getPreviewClientWidthMock.mockReturnValueOnce(mockPdfWidth[1]);
-                    // resize window to trigger listener
-                    (0, react_2.act)(function () {
-                        window.resizeTo(mockPdfWidth[1], mockPdfWidth[1]);
-                    });
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(mockPdfWidth[1]));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Click on disabled decrease/increase zoom actions does not change step and does not close preview', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onClose, ref, user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    onClose = jest.fn();
-                    ref = react_1.default.createRef();
-                    user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose, ref: ref }), {
-                        setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                    }).user;
-                    return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                case 1:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toBeVisible();
-                    // eslint-disable-next-line jest-dom/prefer-enabled-disabled,testing-library/no-node-access
-                    expect(react_2.screen.getByTestId(zoomOutIcon).parentElement).toHaveAttribute('disabled', '');
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomOutIcon))];
-                case 2:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[0]));
-                    expect(onClose).not.toHaveBeenCalled();
-                    jest
-                        .spyOn(ref.current, 'clientWidth', 'get')
-                        .mockReturnValue(constants_1.ZOOM_STEPS[constants_1.ZOOM_STEPS.length - 1]);
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomFitToWidthIcon))];
-                case 3:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[constants_1.ZOOM_STEPS.length - 1]));
-                    // eslint-disable-next-line testing-library/no-node-access,jest-dom/prefer-enabled-disabled
-                    expect(react_2.screen.getByTestId(zoomInIcon).parentElement).toHaveAttribute('disabled', '');
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId(zoomInIcon))];
-                case 4:
-                    _a.sent();
-                    // eslint-disable-next-line testing-library/no-node-access
-                    expect(document.querySelector('canvas')).toHaveAttribute('width', "".concat(constants_1.ZOOM_STEPS[constants_1.ZOOM_STEPS.length - 1]));
-                    expect(onClose).not.toHaveBeenCalled();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    describe('Page selector', function () {
-        test('shows page controller', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        });
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        expect(react_2.screen.getByRole('textbox', { name: /current page/i })).toBeVisible();
-                        // mock pdf has 4 pages
-                        expect(react_2.screen.getByText('4')).toBeVisible();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('blur is a confirmation event on page input', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '2')];
-                    case 3:
-                        _a.sent();
-                        return [4 /*yield*/, user.tab()];
-                    case 4:
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        expect(pageInput).toHaveDisplayValue('2');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('enter key is a confirmation event on page input', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '2')];
-                    case 3:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, test_1.KEYBOARD_KEY.ENTER)];
-                    case 4:
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        expect(pageInput).toHaveDisplayValue('2');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('when input is confirmed, input loses focus and the document is scrolled to typed page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, scrollIntoViewFn, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        scrollIntoViewFn = jest.fn();
-                        window.HTMLElement.prototype.scrollIntoView = scrollIntoViewFn;
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '2')];
-                    case 3:
-                        _a.sent();
-                        return [4 /*yield*/, user.click(react_2.screen.getByText(/page/i))];
-                    case 4:
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        expect(pageInput).toHaveDisplayValue('2');
-                        expect(scrollIntoViewFn).toHaveBeenCalledTimes(1);
-                        expect(scrollIntoViewFn.mock.instances[0]).toHaveAttribute('data-page-number', '2');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('when input is confirmed with an invalid value, input loses focus and the input value is reset to previous valid page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, scrollIntoViewFn, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        scrollIntoViewFn = jest.fn();
-                        window.HTMLElement.prototype.scrollIntoView = scrollIntoViewFn;
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, 'invalid')];
-                    case 3:
-                        _a.sent();
-                        return [4 /*yield*/, user.click(react_2.screen.getByText(/page/i))];
-                    case 4:
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        expect(pageInput).toHaveDisplayValue('1');
-                        expect(scrollIntoViewFn).not.toHaveBeenCalled();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('on scroll, if focus is not on input, value is updated with current page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, pageInput, page2Element;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        });
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        page2Element = document.querySelector(test_1.SELECTORS.pdfPage(2));
-                        expect(page2Element).not.toBeNull();
-                        return [4 /*yield*/, (0, test_utils_1.triggerObserver)(page2Element)];
-                    case 2:
-                        _a.sent();
-                        expect(pageInput).toHaveDisplayValue('2');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('on scroll, if focus is on input, value is updated with current page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, user, pageInput, page2Element;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '4')];
-                    case 3:
-                        _a.sent();
-                        expect(pageInput).toHaveFocus();
-                        page2Element = document.querySelector(test_1.SELECTORS.pdfPage(2));
-                        expect(page2Element).not.toBeNull();
-                        return [4 /*yield*/, (0, test_utils_1.triggerObserver)(page2Element)];
-                    case 4:
-                        _a.sent();
-                        expect(pageInput).toHaveDisplayValue('2');
-                        expect(pageInput).toHaveFocus();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        test('must press esc key 2 times to make user exit from the preview, when focus is on input', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.clear(pageInput)];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '4')];
-                    case 3:
-                        _a.sent();
-                        expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                    case 4:
-                        _a.sent();
-                        expect(onClose).not.toHaveBeenCalled();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                    case 5:
-                        _a.sent();
-                        expect(onClose).toHaveBeenCalledTimes(1);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('keyboard shortcuts', function () {
-        describe('Home and End', function () {
-            test('click End go to last page and Home return to the first page', function () { return __awaiter(void 0, void 0, void 0, function () {
-                var onClose, user, pageInput;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            onClose = jest.fn();
-                            user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                            }).user;
-                            return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                        case 1:
-                            _a.sent();
-                            // eslint-disable-next-line testing-library/no-node-access
-                            expect(document.querySelector('canvas')).toBeVisible();
-                            expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                            pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.END)];
-                        case 2:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.HOME)];
-                        case 3:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            test('click End go to last page and Home return to the first page, but they do not work if the page input is focussed ', function () { return __awaiter(void 0, void 0, void 0, function () {
-                var onClose, user, pageInput;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            onClose = jest.fn();
-                            user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                            }).user;
-                            return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                        case 1:
-                            _a.sent();
-                            // eslint-disable-next-line testing-library/no-node-access
-                            expect(document.querySelector('canvas')).toBeVisible();
-                            expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                            pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.click(pageInput)];
-                        case 2:
-                            _a.sent();
-                            expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.END)];
-                        case 3:
-                            _a.sent();
-                            expect(pageInput).not.toHaveDisplayValue('4');
-                            expect(pageInput).toHaveDisplayValue('1');
-                            // remove focus
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                        case 4:
-                            // remove focus
-                            _a.sent();
-                            expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.END)];
-                        case 5:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('4');
-                            // focus input again
-                            return [4 /*yield*/, user.click(pageInput)];
-                        case 6:
-                            // focus input again
-                            _a.sent();
-                            expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.HOME)];
-                        case 7:
-                            _a.sent();
-                            expect(pageInput).not.toHaveDisplayValue('1');
-                            expect(pageInput).toHaveDisplayValue('4');
-                            // remove focus
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                        case 8:
-                            // remove focus
-                            _a.sent();
-                            expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.HOME)];
-                        case 9:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        });
-        describe('PageUp and PageDown', function () {
-            test('click PageDown go to the next page and PageUp go to the previous page', function () { return __awaiter(void 0, void 0, void 0, function () {
-                var onClose, user, pageInput;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            onClose = jest.fn();
-                            user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                            }).user;
-                            return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                        case 1:
-                            _a.sent();
-                            // eslint-disable-next-line testing-library/no-node-access
-                            expect(document.querySelector('canvas')).toBeVisible();
-                            expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                            pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 2:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 3:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 4:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 5:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 6:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 7:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 8:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 9:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            test('click PageDown go to the next page and PageUp go to the previous page, but they do not work if the page input is focussed ', function () { return __awaiter(void 0, void 0, void 0, function () {
-                var onClose, user, pageInput;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            onClose = jest.fn();
-                            user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                                setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                            }).user;
-                            return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                        case 1:
-                            _a.sent();
-                            // eslint-disable-next-line testing-library/no-node-access
-                            expect(document.querySelector('canvas')).toBeVisible();
-                            expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                            pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.click(pageInput)];
-                        case 2:
-                            _a.sent();
-                            expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 3:
-                            _a.sent();
-                            expect(pageInput).not.toHaveDisplayValue('2');
-                            expect(pageInput).toHaveDisplayValue('1');
-                            // remove focus
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                        case 4:
-                            // remove focus
-                            _a.sent();
-                            expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
-                        case 5:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('2');
-                            // focus input again
-                            return [4 /*yield*/, user.click(pageInput)];
-                        case 6:
-                            // focus input again
-                            _a.sent();
-                            expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 7:
-                            _a.sent();
-                            expect(pageInput).not.toHaveDisplayValue('1');
-                            expect(pageInput).toHaveDisplayValue('2');
-                            // remove focus
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                        case 8:
-                            // remove focus
-                            _a.sent();
-                            expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
-                        case 9:
-                            _a.sent();
-                            expect(pageInput).toHaveDisplayValue('1');
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        });
-        test('ArrowUp and ArrowDown', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onClose, scrollByFn, user, pageInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onClose = jest.fn();
-                        scrollByFn = jest.fn();
-                        window.HTMLElement.prototype.scrollBy = scrollByFn;
-                        user = (0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.dataURI, onClose: onClose }), {
-                            setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
-                        }).user;
-                        return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
-                    case 1:
-                        _a.sent();
-                        // eslint-disable-next-line testing-library/no-node-access
-                        expect(document.querySelector('canvas')).toBeVisible();
-                        expect(react_2.screen.getByText(/page/i)).toBeVisible();
-                        pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
-                        expect(pageInput).toHaveDisplayValue('1');
-                        return [4 /*yield*/, user.click(pageInput)];
-                    case 2:
-                        _a.sent();
-                        expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_DOWN)];
-                    case 3:
-                        _a.sent();
-                        expect(scrollByFn).not.toHaveBeenCalled();
-                        // remove focus
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                    case 4:
-                        // remove focus
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_DOWN)];
-                    case 5:
-                        _a.sent();
-                        expect(scrollByFn).toHaveBeenCalledTimes(1);
-                        expect(scrollByFn).toHaveBeenCalledWith(0, 40);
-                        return [4 /*yield*/, user.click(pageInput)];
-                    case 6:
-                        _a.sent();
-                        expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_UP)];
-                    case 7:
-                        _a.sent();
-                        expect(scrollByFn).toHaveBeenCalledTimes(1);
-                        // remove focus
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
-                    case 8:
-                        // remove focus
-                        _a.sent();
-                        expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_UP)];
-                    case 9:
-                        _a.sent();
-                        expect(scrollByFn).toHaveBeenCalledTimes(2);
-                        expect(scrollByFn).toHaveBeenCalledWith(0, -40);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});
-//# sourceMappingURL=PdfPreview.test.js.map