@o3r/testing/visual-test/utils.js

The module provides testing (e2e, unit test) utilities to help you build your own E2E pipeline integrating visual testing.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.prepareVisualTesting = prepareVisualTesting;
exports.isVisualTestingEnabled = isVisualTestingEnabled;
exports.toggleVisualTestingRender = toggleVisualTestingRender;
/**
 * Prepare css rule to hide specific blocks
 *
 * Should be called only once during the visual test.
 * @note this function is evaluated in the context of the page and should not use external variables
 * @param ignoreClass
 */
function prepareVisualTesting(ignoreClass) {
    if (ignoreClass === void 0) { ignoreClass = 'e2e-ignore'; }
    var visualTestingCss = document.createElement('style');
    var visualTestingClass = 'visual-testing-render';
    visualTestingCss.textContent = "\n    .".concat(visualTestingClass, " .").concat(ignoreClass, " {position: relative;}\n\n    .").concat(visualTestingClass, " .").concat(ignoreClass, ":before {\n      z-index: 999;\n      content: '';\n      width: 100%;\n      height: 100%;\n      background: grey;\n      position: absolute;\n      left: 0;\n      top: 0;\n  }");
    document.head.append(visualTestingCss);
}
/**
 * Determine if the visual testing is enabled
 */
function isVisualTestingEnabled() {
    var visualTestingClass = 'visual-testing-render';
    return document.body.classList.contains(visualTestingClass);
}
/**
 * Toggle the visual testing view : if it is active, will hide tagged components as grey blocks.
 * @note this function is evaluated in the context of the page and cannot use external code
 * @param enabled
 */
function toggleVisualTestingRender(enabled) {
    var visualTestingClass = 'visual-testing-render';
    if (enabled) {
        document.body.classList.add(visualTestingClass);
    }
    else {
        document.body.classList.remove(visualTestingClass);
    }
}
//# sourceMappingURL=utils.js.map