@visitscotland/component-library 5.76.0 → 5.78.0

package/dist/src/components/stretched-link-card/__tests__/StretchedLinkCard.jest.spec.js

@@ -0,0 +1,279 @@
+"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 StretchedLinkCard_vue_1 = __importDefault(require("../StretchedLinkCard.vue"));
+jest.mock('@/mixins/verifyCookiesMixin.js');
+test_utils_1.config.global.renderStubDefaultSlot = true;
+var imgUrl = 'https://cimg.visitscotland.com/cms-images/attractions/outlander/claire-standing-stones-craigh-na-dun-outlander';
+jest.mock('@/stores/video.store.ts');
+function mountOptions(slotsData) {
+    return __assign({ propsData: {
+            link: 'https://www.visitscotland.com/',
+            type: 'external',
+            imgSrc: imgUrl,
+            imgAlt: 'Image alt',
+            disabled: false
+        }, slots: {
+            'stretched-card-header': 'Stretched link header',
+            'stretched-card-category': 'Stretched link category',
+            'stretched-card-content': 'Stretched link content',
+            'stretched-card-badges': 'Stretched badges content'
+        } }, slotsData);
+}
+;
+var factoryShallowMount = function (slotsData) { return (0, test_utils_1.shallowMount)(StretchedLinkCard_vue_1["default"], mountOptions(slotsData)); };
+var factoryMount = function (slotsData) { return (0, test_utils_1.mount)(StretchedLinkCard_vue_1["default"], mountOptions(slotsData)); };
+describe('VsStretchedLinkCard', function () {
+    beforeEach(function () {
+        (0, pinia_1.setActivePinia)((0, pinia_1.createPinia)());
+    });
+    it('should render an element with class stretched-link', function () {
+        var wrapper = factoryShallowMount();
+        expect(wrapper.find('[data-test="vs-stretched-link"]').exists()).toBe(true);
+    });
+    describe(':props', function () {
+        it('should render the component with the link prop passed as the stretched link href', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var wrapper;
+            return __generator(this, function (_a) {
+                wrapper = factoryShallowMount();
+                expect(wrapper.find('[data-test="vs-stretched-link"]').attributes().href).toBe('https://www.visitscotland.com/');
+                return [2 /*return*/];
+            });
+        }); });
+        it('should not render an image if no src attribute is set', 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.setProps({
+                            imgSrc: ''
+                        });
+                        return [4 /*yield*/, expect(wrapper.find('[data-test="vs-stretched-link__img"]').exists()).toBe(false)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render the correct headingStyle', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var wrapper, heading;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper = factoryMount();
+                        wrapper.setProps({
+                            headingStyle: 'heading-xxs'
+                        });
+                        wrapper.setData({
+                            requiredCookies: []
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        heading = wrapper.find('[data-test="vs-stretched-link-card__title"]');
+                        expect(heading.classes()).toContain('vs-heading--heading-xxs');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render a video play button if a videoId is set', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var wrapper;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper = factoryMount();
+                        wrapper.setProps({
+                            videoId: '123456'
+                        });
+                        wrapper.setData({
+                            requiredCookies: []
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        expect(wrapper.find('[data-test="vs-stretched-link-card__video-button"]').exists()).toBe(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render `videoBtnText` if set and a videoId is present', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var videoBtnText, wrapper;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        videoBtnText = 'Play Video';
+                        wrapper = factoryMount();
+                        wrapper.setProps({
+                            videoId: '123456',
+                            videoBtnText: videoBtnText
+                        });
+                        wrapper.setData({
+                            requiredCookies: []
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        expect(wrapper.html()).toContain(videoBtnText);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render a image warning component if `errorType` is `image`', 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.setProps({
+                            videoId: '123456',
+                            errorMessage: 'Error',
+                            errorType: 'image'
+                        });
+                        wrapper.setData({
+                            cookieManagerLoaded: false
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        expect(wrapper.find('[data-test="vs-stretched-link-card__image-warning"]').exists()).toBe(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render a full warning component if `errorType` is `full`', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var wrapper;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper = factoryShallowMount();
+                        return [4 /*yield*/, wrapper.setProps({
+                                videoId: '123456',
+                                videoBtnText: 'Play',
+                                errorType: 'full'
+                            })];
+                    case 1:
+                        _a.sent();
+                        expect(wrapper.find('[data-test="vs-stretched-link-card__full-warning"]').exists()).toBe(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe(':slots', function () {
+        it('renders content inserted in a stretchedCardCategory slot', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-card__category"]').text()).toBe('Stretched link category');
+        });
+        it('renders content inserted in a stretchedCardHeader slot', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link"]').text()).toBe('Stretched link header');
+        });
+        it('renders content inserted in a stretchedCardContent slot', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-card__content"]').text()).toBe('Stretched link content');
+        });
+        it('should only render the link if stretchedCardLink slot content is supplied', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-card__link"]').exists()).toBe(false);
+        });
+        it('renders content inserted in a stretchedCardLink slot', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var wrapper;
+            return __generator(this, function (_a) {
+                wrapper = factoryShallowMount({
+                    slots: {
+                        'stretched-card-link': 'Stretched link link text'
+                    }
+                });
+                expect(wrapper.find('[data-test="vs-stretched-link-card__link"]').text()).toBe('Stretched link link text');
+                return [2 /*return*/];
+            });
+        }); });
+        it('renders a link in the header if no stretchedCardLink is supplied', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-card__title"]').find('[data-test="vs-stretched-link"]').exists()).toBe(true);
+        });
+        it('does not render a link in the header if a stretchedCardLink slot content is supplied', function () {
+            var wrapper = factoryShallowMount({
+                slots: {
+                    'stretched-card-header': 'Stretched link header',
+                    'stretched-card-link': 'Stretched link link text'
+                }
+            });
+            var headerElement = wrapper.find('[data-test="vs-stretched-link-card__title"]');
+            expect(headerElement.find('vslink-stub').exists()).toBe(false);
+        });
+        it('renders content inserted in a stretched-card-badges slot', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-card__badges"]').text()).toBe('Stretched badges content');
+        });
+    });
+    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*/];
+                }
+            });
+        }); });
+    });
+});

package/dist/src/components/stretched-link-card/components/__tests__/StretchedLinkPanels.jest.spec.js

@@ -0,0 +1,32 @@
+"use strict";
+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 StretchedLinkPanels_vue_1 = __importDefault(require("../StretchedLinkPanels.vue"));
+var factoryShallowMount = function () { return (0, test_utils_1.shallowMount)(StretchedLinkPanels_vue_1["default"], {
+    propsData: {
+        days: '10',
+        transportName: 'Transport text',
+        daysLabel: 'days'
+    }
+}); };
+describe('VsStretchedLinkCard', function () {
+    describe(':props', function () {
+        it('should render a `.vs-stretched-link-panel--days` class if the days prop is defined', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-panel--days"]').text()).toContain('10');
+        });
+        it('should render an element with the text prop content if it is defined', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-panel__icon"]').text()).toBe('Transport text');
+        });
+    });
+    describe(':slots', function () {
+        it('should render the content of the `stretchedLinkPanelDays` slot', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.find('[data-test="vs-stretched-link-panel--days"]').text()).toContain('days');
+        });
+    });
+});

package/dist/src/components/styled-list/__tests__/StyledList.jest.spec.js

@@ -0,0 +1,122 @@
+"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 StyledList_vue_1 = __importDefault(require("../StyledList.vue"));
+var defaultSlotText = 'Styled list default';
+var sourceSlotText = 'Styled list source';
+var factoryMount = function (propsData) { return (0, test_utils_1.mount)(StyledList_vue_1["default"], {
+    props: __assign({}, propsData),
+    slots: {
+        "default": "<li>".concat(defaultSlotText, "</li>"),
+        'list-source': sourceSlotText
+    }
+}); };
+var wrapper;
+beforeEach(function () {
+    wrapper = factoryMount();
+});
+describe('VsStyledList', function () {
+    it('should render a component with the data-test attribute `vs-styled-list`', function () {
+        expect(wrapper.attributes('data-test')).toBe('vs-styled-list');
+    });
+    describe(':props', function () {
+        it(':variant - should render with class `vs-styled-list--icon` when prop not set', function () {
+            expect(wrapper.find('.vs-styled-list--icon').exists()).toBe(true);
+        });
+        it(':variant - should render with class `vs-styled-list--icon` when `icon`', function () {
+            wrapper = factoryMount({
+                variant: 'icon'
+            });
+            expect(wrapper.find('.vs-styled-list--icon').exists()).toBe(true);
+        });
+        it(':variant - should render with class `vs-styled-list--image` when `image`', function () {
+            wrapper = factoryMount({
+                variant: 'image'
+            });
+            expect(wrapper.find('.vs-styled-list--image').exists()).toBe(true);
+        });
+        it(':variant - should render with class `vs-styled-list--numbered` when `numbered`', function () {
+            wrapper = factoryMount({
+                variant: 'numbered'
+            });
+            expect(wrapper.find('.vs-styled-list--numbered').exists()).toBe(true);
+        });
+    });
+    describe(':slots', function () {
+        it('renders content inserted in a default slot', function () {
+            expect(wrapper.text()).toContain(defaultSlotText);
+        });
+        it('renders content inserted in a list-source slot', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                expect(wrapper.text()).toContain(sourceSlotText);
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe(':accessibility', function () {
+        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _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/styled-list/components/__tests__/StyledListItem.jest.spec.js

@@ -0,0 +1,162 @@
+"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 StyledListItem_vue_1 = __importDefault(require("../StyledListItem.vue"));
+var defaultSlotText = 'Styled list item default';
+var headingProp = 'Styled list item heading';
+var imageSrcProp = 'fixtures/styled-list/investment.svg';
+var factoryMount = function (propsData) { return (0, test_utils_1.mount)(StyledListItem_vue_1["default"], {
+    props: __assign(__assign({}, propsData), { heading: headingProp }),
+    slots: {
+        "default": defaultSlotText
+    }
+}); };
+var wrapper;
+beforeEach(function () {
+    wrapper = factoryMount();
+});
+describe('VsStyledListItem', function () {
+    it('should render a component with the data-test attribute `vs-styled-list__item`', function () {
+        expect(wrapper.attributes('data-test')).toBe('vs-styled-list__item');
+    });
+    describe(':props', function () {
+        it(':heading - should render with H3 element containing the title value', function () {
+            expect(wrapper.text()).toContain(headingProp);
+        });
+        it(':imageSrc - renders an image with the source set by the prop value', function () {
+            wrapper = factoryMount({
+                imageSrc: imageSrcProp,
+                variant: 'image'
+            });
+            var image = wrapper.find('img');
+            expect(image.exists()).toBe(true);
+            expect(image.attributes('src')).toBe(imageSrcProp);
+        });
+        it(':variant - renders an image within a col-md-2 element when set to `image`', function () {
+            wrapper = factoryMount({
+                imageSrc: imageSrcProp,
+                variant: 'image'
+            });
+            var column = wrapper.find('.col-md-2');
+            expect(column.exists()).toBe(true);
+            expect(column.find('img').exists()).toBe(true);
+        });
+        it(':variant - renders col-md-2 element and col-md-10 element when set to `image`', function () {
+            wrapper = factoryMount({
+                imageSrc: imageSrcProp,
+                variant: 'image'
+            });
+            expect(wrapper.find('.col-md-2').exists()).toBe(true);
+            expect(wrapper.find('.col-md-10').exists()).toBe(true);
+        });
+        it(':variant - renders an image within a col-md-12 element when set to `image-horizontal`', function () {
+            wrapper = factoryMount({
+                imageSrc: imageSrcProp,
+                variant: 'image-horizontal'
+            });
+            var column = wrapper.find('.col-md-12');
+            expect(column.exists()).toBe(true);
+            expect(column.find('img').exists()).toBe(true);
+        });
+        it(':headingLevel - changes the heading to the corresponding level', function () {
+            wrapper = factoryMount({
+                headingLevel: 4
+            });
+            var h4 = wrapper.find('h4');
+            expect(h4.exists()).toBe(true);
+        });
+        it(':headingLevel - checks the default headingLevel renders by default', function () {
+            wrapper = factoryMount();
+            var h3 = wrapper.find('h3');
+            expect(h3.exists()).toBe(true);
+        });
+        it('should set an id when the `anchorLink` prop is set', function () {
+            var anchorLink = 'showcase-your-excellence';
+            wrapper = factoryMount({
+                anchorLink: anchorLink
+            });
+            var anchor = wrapper.find('h3');
+            expect(anchor.exists()).toBe(true);
+            expect(anchor.attributes('id')).toBe(anchorLink);
+        });
+    });
+    describe(':slots', function () {
+        it('renders content inserted in a default slot', function () {
+            expect(wrapper.text()).toContain(defaultSlotText);
+        });
+    });
+    describe(':accessibility', function () {
+        it('should not have aXe accessibility issues', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var html, results;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        html = wrapper.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/summary-box/__tests__/SummaryBox.jest.spec.js

@@ -0,0 +1,39 @@
+"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 __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 SummaryBoxList_vue_1 = __importDefault(require("../SummaryBoxList.vue"));
+var slotContent = 'Slot Content';
+var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(SummaryBoxList_vue_1["default"], {
+    propsData: __assign({}, propsData),
+    slots: {
+        "default": slotContent
+    }
+}); };
+var wrapper;
+beforeEach(function () {
+    wrapper = factoryShallowMount();
+});
+describe('VsSummaryBoxList', function () {
+    it('should render a component with the data-test attribute `vs-summary-box-list`', function () {
+        expect(wrapper.attributes('data-test')).toBe('vs-summary-box-list');
+    });
+    describe(':slots', function () {
+        it('renders content inserted into the default `slot`', function () {
+            expect(wrapper.text()).toContain(slotContent);
+        });
+    });
+});