@visitscotland/component-library 5.78.0 → 5.79.2

package/dist/src/components/icon-list/__tests__/IconList.jest.spec.js

@@ -1,119 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 (_) 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 };
-};
-exports.__esModule = true;
-var test_utils_1 = require("@vue/test-utils");
-var vue_1 = require("vue");
-var axe_helper_1 = __importDefault(require("@/../test/unit/helpers/axe-helper"));
-var IconList_vue_1 = __importDefault(require("../IconList.vue"));
-var IconListItem_vue_1 = __importDefault(require("../components/IconListItem.vue"));
-test_utils_1.config.global.renderStubDefaultSlot = true;
-function mountOptions(propsData) {
-    return {
-        propsData: __assign({}, propsData),
-        slots: {
-            "default": (0, vue_1.h)(IconListItem_vue_1["default"], {
-                label: 'wifi',
-                icon: 'vs-icon-facility-wifi'
-            })
-        }
-    };
-}
-;
-var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(IconList_vue_1["default"], mountOptions(propsData)); };
-var factoryMount = function (propsData) { return (0, test_utils_1.mount)(IconList_vue_1["default"], mountOptions(propsData)); };
-var wrapper;
-beforeEach(function () {
-    wrapper = factoryShallowMount();
-});
-describe('VsIconList', function () {
-    it('should render a component with the data-test attribute `vs-icon-list`', function () {
-        expect(wrapper.attributes('data-test')).toBe('vs-icon-list');
-    });
-    describe(':props', function () {
-        it('should accept and render a `title` property', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, wrapper.setProps({
-                            title: 'Some title'
-                        })];
-                    case 1:
-                        _a.sent();
-                        expect(wrapper.text()).toContain('Some title');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe(':slots', function () {
-        it('renders content inserted into the default `slot`', function () {
-            var modifiedWrapper = factoryMount();
-            var listItem = modifiedWrapper.find('.vs-icon-list__item');
-            expect(listItem.exists()).toBe(true);
-        });
-    });
-    describe(':accessibility', function () {
-        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var modifiedWrapper, _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        modifiedWrapper = factoryMount();
-                        _a = expect;
-                        return [4 /*yield*/, (0, axe_helper_1["default"])(modifiedWrapper.html())];
-                    case 1:
-                        _a.apply(void 0, [_b.sent()]).toHaveNoViolations();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});

package/dist/src/components/icon-list/components/__tests__/IconListItem.jest.spec.js

@@ -1,114 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 (_) 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 };
-};
-exports.__esModule = true;
-var test_utils_1 = require("@vue/test-utils");
-var axe_helper_1 = __importDefault(require("@/../test/unit/helpers/axe-helper"));
-var IconListItem_vue_1 = __importDefault(require("../IconListItem.vue"));
-var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(IconListItem_vue_1["default"], {
-    propsData: __assign(__assign({}, propsData), { icon: 'vs-icon-facility-wifi', label: 'wifi' })
-}); };
-var factoryMount = function (propsData) { return (0, test_utils_1.mount)(IconListItem_vue_1["default"], {
-    propsData: __assign(__assign({}, propsData), { icon: 'vs-icon-facility-wifi', label: 'wifi' })
-}); };
-var wrapper;
-beforeEach(function () {
-    wrapper = factoryShallowMount();
-});
-describe('VsIconListItem', function () {
-    it('should render a component with the data-test attribute `vs-icon-list__item`', function () {
-        expect(wrapper.attributes('data-test')).toBe('vs-icon-list__item');
-    });
-    it('should contain a `vs-icon` component', function () {
-        var vsLink = wrapper.find('vs-icon-stub');
-        expect(vsLink.exists()).toBe(true);
-    });
-    describe(':props', function () {
-        it('should accept and render a `label` property', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                expect(wrapper.text()).toContain('wifi');
-                return [2 /*return*/];
-            });
-        }); });
-        it('should accept an `icon` property and pass it to the icon', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var vsLink;
-            return __generator(this, function (_a) {
-                vsLink = wrapper.find('vs-icon-stub');
-                expect(vsLink.attributes('icon')).toBe('vs-icon-facility-wifi');
-                return [2 /*return*/];
-            });
-        }); });
-    });
-    describe(':accessibility', function () {
-        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var modifiedWrapper, html, results;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        modifiedWrapper = factoryMount();
-                        html = modifiedWrapper.html();
-                        return [4 /*yield*/, (0, axe_helper_1["default"])(html, {
-                                rules: {
-                                    // must have a parent with ul/ol element
-                                    listitem: {
-                                        enabled: false
-                                    }
-                                }
-                            })];
-                    case 1:
-                        results = _a.sent();
-                        expect(results).toHaveNoViolations();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});

package/dist/src/components/illustrated-map/__tests__/IllustratedMap.jest.spec.js

@@ -1,144 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 (_) 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 };
-};
-exports.__esModule = true;
-var test_utils_1 = require("@vue/test-utils");
-var axe_helper_1 = __importDefault(require("@/../test/unit/helpers/axe-helper"));
-var IllustratedMap_vue_1 = __importDefault(require("../IllustratedMap.vue"));
-var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(IllustratedMap_vue_1["default"], {
-    propsData: __assign({}, propsData)
-}); };
-describe('VsIllustratedMap', function () {
-    it('should render an svg element with the correct class', function () {
-        var wrapper = factoryShallowMount();
-        expect(wrapper.element.tagName).toBe('svg');
-        expect(wrapper.classes('vs-illustrated-map')).toBe(true);
-    });
-    it('should render all region paths', function () {
-        var wrapper = factoryShallowMount();
-        var paths = wrapper.findAll('path');
-        expect(paths).toHaveLength(16);
-    });
-    describe(':props', function () {
-        it('should highlight specified regions', function () {
-            var wrapper = factoryShallowMount({
-                highlightedRegions: ['edinburgh', 'glasgow']
-            });
-            var edinburghPath = wrapper.find('#region-edinburgh');
-            var glasgowPath = wrapper.find('#region-glasgow');
-            var fifePath = wrapper.find('#region-fife');
-            expect(edinburghPath.classes('is-highlighted')).toBe(true);
-            expect(glasgowPath.classes('is-highlighted')).toBe(true);
-            expect(fifePath.classes('is-highlighted')).toBe(false);
-        });
-        it('should not highlight any regions when highlightedRegions is empty', function () {
-            var wrapper = factoryShallowMount({
-                highlightedRegions: []
-            });
-            var paths = wrapper.findAll('path');
-            paths.forEach(function (path) {
-                expect(path.classes('is-highlighted')).toBe(false);
-            });
-        });
-        it('should render default aria-label', function () {
-            var wrapper = factoryShallowMount();
-            var svg = wrapper.find('svg');
-            expect(svg.attributes('aria-label')).toBe('Illustrated map of Scotland showing regions');
-        });
-        it('should render custom aria-label', function () {
-            var wrapper = factoryShallowMount({
-                ariaLabel: 'Custom map description'
-            });
-            var svg = wrapper.find('svg');
-            expect(svg.attributes('aria-label')).toBe('Custom map description');
-        });
-        it('should render default title', function () {
-            var wrapper = factoryShallowMount();
-            var title = wrapper.find('title');
-            expect(title.text()).toBe('Map of Scotland');
-        });
-        it('should render custom title', function () {
-            var wrapper = factoryShallowMount({
-                title: 'Custom Map Title'
-            });
-            var title = wrapper.find('title');
-            expect(title.text()).toBe('Custom Map Title');
-        });
-        it('should not render width attribute when not provided', function () {
-            var wrapper = factoryShallowMount();
-            var svg = wrapper.find('svg');
-            expect(svg.attributes('width')).toBeUndefined();
-        });
-        it('should render width as string', function () {
-            var wrapper = factoryShallowMount({
-                width: '300px'
-            });
-            var svg = wrapper.find('svg');
-            expect(svg.attributes('width')).toBe('300px');
-        });
-    });
-    describe(':accessibility', function () {
-        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var wrapper, _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        wrapper = factoryShallowMount();
-                        _a = expect;
-                        return [4 /*yield*/, (0, axe_helper_1["default"])(wrapper.html())];
-                    case 1:
-                        _a.apply(void 0, [_b.sent()]).toHaveNoViolations();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});

package/dist/src/components/image-with-caption/__tests__/ImageWithCaption.jest.spec.js

@@ -1,222 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 (_) 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 };
-};
-exports.__esModule = true;
-var test_utils_1 = require("@vue/test-utils");
-var axe_helper_1 = __importDefault(require("@/../test/unit/helpers/axe-helper"));
-var pinia_1 = require("pinia");
-var ImageWithCaption_vue_1 = __importDefault(require("../ImageWithCaption.vue"));
-jest.mock('@/mixins/verifyCookiesMixin.js');
-test_utils_1.config.global.renderStubDefaultSlot = true;
-var defaultSlotText = 'Image';
-var toggleIconSlot = 'Toggle icon';
-var alertSlot = 'Video alert message';
-var videoTitleSlot = 'Video title';
-var videoDurationSlot = 'Video duration';
-var captionSlot = 'Image caption';
-var imageSrcValue = 'visitscotland';
-var youtubeId = '123456';
-jest.mock('@/utils/svg-context');
-jest.mock('@/stores/video.store.ts');
-jest.mock('@/utils/required-cookies-data');
-function mountOptions(propsData) {
-    return {
-        slots: {
-            'toggle-icon': toggleIconSlot,
-            'img-caption': captionSlot,
-            'video-no-js-alert': alertSlot,
-            'video-title': videoTitleSlot,
-            'video-duration': videoDurationSlot,
-            "default": defaultSlotText
-        },
-        propsData: __assign(__assign({}, propsData), { imageSrc: imageSrcValue, isVideo: true, playButtonText: 'Play video', videoId: youtubeId, toggleButtonText: 'Toggle caption' })
-    };
-}
-;
-var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(ImageWithCaption_vue_1["default"], mountOptions(propsData)); };
-var factoryMount = function (propsData) { return (0, test_utils_1.mount)(ImageWithCaption_vue_1["default"], mountOptions(propsData)); };
-describe('VsImageWithCaption', function () {
-    beforeEach(function () {
-        (0, pinia_1.setActivePinia)((0, pinia_1.createPinia)());
-    });
-    it('should render a component with the data-test attribute `vs-image-with-caption`', function () {
-        var wrapper = factoryShallowMount();
-        expect(wrapper.attributes('data-test')).toBe('vs-image-with-caption');
-    });
-    it('hides caption by default', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var wrapper, captionWrapper;
-        return __generator(this, function (_a) {
-            wrapper = factoryShallowMount();
-            captionWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__caption-wrapper');
-            expect(captionWrapper.classes('d-block')).toBe(false);
-            return [2 /*return*/];
-        });
-    }); });
-    describe(':props', function () {
-        it('should set correct class if `closedDefaultCaption` is true', function () {
-            var wrapper = factoryShallowMount({
-                closedDefaultCaption: true
-            });
-            var imageWithCaption = wrapper.find('[data-test="vs-image-with-caption"]');
-            expect(imageWithCaption.classes('vs-image-with-caption--closed-default')).toBe(true);
-        });
-        it('should set correct classes if `isHeroImage` is true', function () {
-            var wrapper = factoryMount({
-                isHeroImage: true
-            });
-            var imageWithCaption = wrapper.find('[data-test="vs-image-with-caption"]');
-            var captionWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__caption-wrapper');
-            expect(imageWithCaption.classes('vs-image-with-caption--hero')).toBe(true);
-            expect(captionWrapper.classes('container')).toBe(true);
-        });
-        it('should set correct classes if `mobileOverlap` is true', function () {
-            var wrapper = factoryShallowMount({
-                mobileOverlap: true
-            });
-            var imageWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__image-wrapper');
-            expect(imageWrapper.classes('vs-image-with-caption--overlapped')).toBe(true);
-        });
-        it('should render correct `toggleButtonText` on the toggle button', function () {
-            var wrapper = factoryShallowMount();
-            var toggleCaptionBtn = wrapper.find('vs-toggle-button-stub');
-            expect(toggleCaptionBtn.text()).toContain('Toggle caption');
-        });
-        it('should add a Video Caption component if `isVideo` is true', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var wrapper;
-            return __generator(this, function (_a) {
-                wrapper = factoryShallowMount({
-                    propsData: {
-                        isVideo: true
-                    }
-                });
-                expect(wrapper.find('.vs-image-with-caption__video-caption-wrapper').exists()).toBe(true);
-                return [2 /*return*/];
-            });
-        }); });
-        it('should pass the correct videoID via prop to the video caption component', function () {
-            var wrapper = factoryShallowMount();
-            var videoCaption = wrapper.find('vs-video-caption-stub');
-            expect(videoCaption.html()).toContain(youtubeId);
-        });
-    });
-    describe(':slots', function () {
-        it('renders content in the `default` slot', function () {
-            var wrapper = factoryShallowMount();
-            var imageWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__image-wrapper');
-            expect(imageWrapper.text()).toContain(defaultSlotText);
-        });
-        it('renders content in the `imgCaption` slot', function () {
-            var wrapper = factoryShallowMount();
-            var captionWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__caption-wrapper');
-            expect(captionWrapper.text()).toContain(captionSlot);
-        });
-        it('renders content in the `video-title` slot', function () {
-            var wrapper = factoryMount();
-            var videoCaptionStub = wrapper.findComponent({
-                name: 'VsVideoCaption'
-            });
-            expect(videoCaptionStub.text()).toContain(videoTitleSlot);
-        });
-    });
-    describe(':methods', function () {
-        it(':toggleCaption - caption is shown when toggle method is called', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var wrapper;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        wrapper = factoryShallowMount();
-                        wrapper.setData({
-                            showCaption: false
-                        });
-                        wrapper.vm.toggleCaption();
-                        return [4 /*yield*/, wrapper.vm.$nextTick()];
-                    case 1:
-                        _a.sent();
-                        expect(wrapper.vm.showCaption).toBe(true);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        it(':toggleCaption - caption is hidden when toggle method is called twice', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var wrapper, captionWrapper;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        wrapper = factoryShallowMount();
-                        captionWrapper = wrapper.find('[data-test="vs-image-with-caption"]').find('.vs-image-with-caption__caption-wrapper');
-                        wrapper.vm.toggleCaption();
-                        wrapper.vm.toggleCaption();
-                        return [4 /*yield*/, wrapper.vm.$nextTick()];
-                    case 1:
-                        _a.sent();
-                        expect(captionWrapper.classes('d-block')).toBe(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe(':accessibility', function () {
-        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var wrapper, _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        wrapper = factoryMount();
-                        _a = expect;
-                        return [4 /*yield*/, (0, axe_helper_1["default"])(wrapper.html())];
-                    case 1:
-                        _a.apply(void 0, [_b.sent()]).toHaveNoViolations();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});