@visitscotland/component-library 5.76.1 → 5.78.0

package/dist/src/components/link-list/__tests__/LinkList.jest.spec.js

@@ -0,0 +1,96 @@
+"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 (_) 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 LinkList_vue_1 = __importDefault(require("../LinkList.vue"));
+test_utils_1.config.global.renderStubDefaultSlot = true;
+var slotContent = '<li>Link list item</li>';
+var headingSlotContent = 'In this article:';
+var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(LinkList_vue_1["default"], {
+    propsData: propsData,
+    slots: {
+        "default": slotContent,
+        heading: headingSlotContent
+    }
+}); };
+describe('VsLinkList', function () {
+    describe(':props', function () {
+        it(':toc - data-test attribute should be `link-list` when false', function () {
+            var wrapper = factoryShallowMount();
+            var dataTest = wrapper.find('[data-test=link-list]');
+            expect(dataTest).toBeTruthy();
+        });
+        it(':toc - data-test attribute should be `link-list--toc` when true', function () {
+            var wrapper = factoryShallowMount({
+                toc: true
+            });
+            var dataTest = wrapper.find('[data-test=link-list--toc]');
+            expect(dataTest).toBeTruthy();
+        });
+    });
+    describe(':slots', function () {
+        it(':default - should render the slot content', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.text()).toContain('Link list item');
+        });
+        it(':heading - should render the slot content', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.text()).toContain(headingSlotContent);
+        });
+    });
+    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/link-list/__tests__/LinkListItem.jest.spec.js

@@ -0,0 +1,132 @@
+"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 (_) 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 LinkListItem_vue_1 = __importDefault(require("../components/LinkListItem.vue"));
+var slotContent = 'Link text';
+test_utils_1.config.global.renderStubDefaultSlot = true;
+jest.mock('@/stores/video.store.ts');
+var factoryShallowMount = function () { return (0, test_utils_1.shallowMount)(LinkListItem_vue_1["default"], {
+    slots: {
+        "default": slotContent
+    }
+}); };
+describe('VsLinkListItem', function () {
+    beforeEach(function () {
+        (0, pinia_1.setActivePinia)((0, pinia_1.createPinia)());
+    });
+    describe(':slots', function () {
+        it(':default - should render the slot content', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.text()).toContain(slotContent);
+        });
+    });
+    describe(':props', function () {
+        it('should render `videoDescriptor` if set and a videoId is present', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var videoDescriptor, wrapper;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        videoDescriptor = 'Video';
+                        wrapper = (0, test_utils_1.shallowMount)(LinkListItem_vue_1["default"], {
+                            propsData: {
+                                videoId: '123456',
+                                videoDescriptor: videoDescriptor,
+                                type: 'video',
+                                href: '#'
+                            }
+                        });
+                        return [4 /*yield*/, expect(wrapper.html()).toContain(videoDescriptor)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render a properly formated duration if videoId is present', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var videoDescriptor, wrapper;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        videoDescriptor = 'Video';
+                        wrapper = (0, test_utils_1.shallowMount)(LinkListItem_vue_1["default"], {
+                            propsData: {
+                                videoId: '123456',
+                                videoDescriptor: videoDescriptor,
+                                type: 'video',
+                                href: '#'
+                            }
+                        });
+                        return [4 /*yield*/, expect(wrapper.html()).toContain('0:59')];
+                    case 1:
+                        _a.sent();
+                        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, html, results;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper = factoryShallowMount();
+                        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/list/__tests__/List.jest.spec.js

@@ -0,0 +1,114 @@
+"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 List_vue_1 = __importDefault(require("../List.vue"));
+var slotText = '<li>List text</li>';
+var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(List_vue_1["default"], {
+    slots: {
+        "default": slotText
+    },
+    propsData: __assign({}, propsData)
+}); };
+describe('VsList', function () {
+    it('should render an ol with the class `vs-list` if the prop `ordered` is truthy', function () {
+        var wrapper = factoryShallowMount({
+            ordered: true
+        });
+        expect(wrapper.element.tagName).toBe('OL');
+        expect(wrapper.classes('vs-list')).toBe(true);
+    });
+    it('should render a ul with the class `vs-list` if the prop `ordered` is not truthy', function () {
+        var wrapper = factoryShallowMount({
+            ordered: false
+        });
+        expect(wrapper.element.tagName).toBe('UL');
+        expect(wrapper.classes('vs-list')).toBe(true);
+    });
+    describe(':props', function () {
+        it(':unstyled - should accept and render an `unstyled` property', function () {
+            var wrapper = factoryShallowMount({
+                unstyled: true
+            });
+            expect(wrapper.classes('vs-list--unstyled')).toBe(true);
+        });
+        it(':inline - should accept and render an `inline` property', function () {
+            var wrapper = factoryShallowMount({
+                inline: true
+            });
+            expect(wrapper.classes('vs-list--inline')).toBe(true);
+        });
+    });
+    describe(':slots', function () {
+        it('renders content inserted into default `slot`', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.text()).toContain('List text');
+        });
+    });
+    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/listicle/__tests__/ListicleItem.jest.spec.js

@@ -0,0 +1,115 @@
+"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 ListicleItem_vue_1 = __importDefault(require("../ListicleItem.vue"));
+test_utils_1.config.global.renderStubDefaultSlot = true;
+var hippoDetailsSlot = 'Hippo details slot';
+var imageSlot = 'Image slot';
+var descriptionSlot = 'Description slot';
+var facilitiesSlot = 'Facilities slot';
+var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(ListicleItem_vue_1["default"], {
+    propsData: __assign({}, propsData),
+    slots: {
+        'hippo-details': hippoDetailsSlot,
+        'image-slot': imageSlot,
+        'description-slot': descriptionSlot,
+        'facilities-slot': facilitiesSlot
+    }
+}); };
+var wrapper;
+beforeEach(function () {
+    wrapper = factoryShallowMount();
+});
+describe('VsListicleItem', function () {
+    it('should render a component with the data-test attribute `vs-listicle-item`', function () {
+        expect(wrapper.attributes('data-test')).toBe('vs-listicle-item');
+    });
+    describe(':slots', function () {
+        it('renders content inserted into the `hippo-details` slot', function () {
+            expect(wrapper.text()).toContain(hippoDetailsSlot);
+        });
+        it('renders content inserted into the `image-slot` slot', function () {
+            expect(wrapper.text()).toContain(imageSlot);
+        });
+        it('renders content inserted into the `description-slot` slot', function () {
+            expect(wrapper.text()).toContain(descriptionSlot);
+        });
+        it('renders content inserted into the `facilities-slot` slot', function () {
+            expect(wrapper.text()).toContain(facilitiesSlot);
+        });
+    });
+    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/loading-spinner/__tests__/LoadingSpinner.jest.spec.js

@@ -0,0 +1,40 @@
+"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 LoadingSpinner_vue_1 = __importDefault(require("../LoadingSpinner.vue"));
+var factoryShallowMount = function (propsData) { return (0, test_utils_1.shallowMount)(LoadingSpinner_vue_1["default"], {
+    propsData: __assign({}, propsData)
+}); };
+describe('VsLoadingSpinner', function () {
+    it('should render loading spinner', function () {
+        var wrapper = factoryShallowMount();
+        var LoadingSpinner = wrapper.find('div[data-test=vs-loading-spinner]');
+        expect(LoadingSpinner.exists()).toBe(true);
+    });
+    describe(':props', function () {
+        it(':variant - render the spinner with `light` variant by default', function () {
+            var wrapper = factoryShallowMount();
+            expect(wrapper.classes('vs-loading-spinner--light')).toBe(true);
+        });
+        it(':variant - should accept and render variants as props', function () {
+            var wrapper = factoryShallowMount({
+                variant: 'dark'
+            });
+            expect(wrapper.classes('vs-loading-spinner--dark')).toBe(true);
+        });
+    });
+});

package/dist/src/components/map/__tests__/Map.jest.spec.js

@@ -0,0 +1,124 @@
+"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 (_) 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 mapbox_gl_1 = __importDefault(require("mapbox-gl"));
+var Map_vue_1 = __importDefault(require("../Map.vue"));
+var places_data_json_1 = __importDefault(require("../../../assets/fixtures/maps/places-data.json"));
+jest.mock('@/stores/map.store.ts');
+mapbox_gl_1["default"].supported = jest.fn();
+var factoryShallowMount = function () { return (0, test_utils_1.shallowMount)(Map_vue_1["default"], {
+    propsData: {
+        mapId: 'vs-map',
+        isVisible: true,
+        places: [],
+        regions: []
+    }
+}); };
+var wrapper;
+var mockAddMethod = jest.fn();
+var mockMarkerMethod = jest.fn();
+beforeEach(function () {
+    (0, pinia_1.setActivePinia)((0, pinia_1.createPinia)());
+    wrapper = factoryShallowMount();
+    wrapper.vm.initialiseMapComponent = jest.fn();
+    wrapper.vm.initialiseMapFeatures = mockAddMethod;
+    wrapper.vm.initialiseMapMarkers = mockMarkerMethod;
+});
+describe('VsMap', function () {
+    it('should render a map component with the data-test attribute `vs-map`', function () {
+        expect(wrapper.find('[data-test="vs-map"]').exists()).toBe(true);
+    });
+    describe(':props', function () {
+        it('should use the `mapId` prop for an id attribute div element', function () {
+            expect(wrapper.find('.vs-map__map').attributes('id')).toBe('vs-map');
+        });
+    });
+    describe(':methods', function () {
+        it('should add map features when places props change', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper.setProps({
+                            places: places_data_json_1["default"].features
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        expect(mockAddMethod).toHaveBeenCalled();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should add map markers when places props change', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        wrapper.setProps({
+                            places: places_data_json_1["default"].features
+                        });
+                        return [4 /*yield*/, wrapper.vm.$nextTick()];
+                    case 1:
+                        _a.sent();
+                        expect(mockMarkerMethod).toHaveBeenCalled();
+                        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/map/components/__tests__/MapMarker.jest.spec.js

@@ -0,0 +1,41 @@
+"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 pinia_1 = require("pinia");
+var MapMarker_vue_1 = __importDefault(require("../MapMarker.vue"));
+jest.mock('@/stores/map.store.ts');
+var factoryShallowMount = function () { return (0, test_utils_1.shallowMount)(MapMarker_vue_1["default"], {
+    propsData: {
+        mapId: 'vs-map',
+        feature: {
+            type: 'Feature',
+            geometry: {
+                type: 'Point',
+                coordinates: [
+                    -3.2852550000000003,
+                    55.95357800000001,
+                ]
+            },
+            properties: {
+                title: 'Visit Edinburgh and discover the best things to see and do in Scotland\'s capital',
+                type: 'featured',
+                id: 'af10c61f-4f4d-412d-ab7a-267834ee4201'
+            },
+            id: 'af10c61f-4f4d-412d-ab7a-267834ee4201'
+        },
+        hasPopups: true
+    }
+}); };
+var wrapper;
+beforeEach(function () {
+    (0, pinia_1.setActivePinia)((0, pinia_1.createPinia)());
+    wrapper = factoryShallowMount();
+});
+describe('VsMapMarker', function () {
+    it('should render a marker component with the data-test attribute `vs-map-marker`', function () {
+        expect(wrapper.find('[data-test="vs-map-marker"]').exists()).toBe(true);
+    });
+});