@ongov/ontario-design-system-component-library 5.0.0-alpha.5 → 5.0.0-alpha.6

package/dist/collection/components/ontario-input/test/ontario-input.spec.js

@@ -1,118 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { OntarioInput } from '../ontario-input';
-describe('ontario-input', () => {
-	describe('snapshot', () => {
-		it('should render the expected html', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input element-id="ontario-input" caption='{"captionText": "Ontario Input"}' name="ontario-input"></ontario-input>`,
-			});
-			expect(page.root).toMatchSnapshot();
-		});
-	});
-	describe('render', () => {
-		it('should render a default input element', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input element-id="ontario-input" caption='{"captionText": "Ontario Input"}' name="ontario-input"></ontario-input>`,
-			});
-			expect(page.root).toEqualHtml(`
-				<ontario-input element-id="ontario-input" caption='{"captionText": "Ontario Input"}' name="ontario-input">
-					<mock:shadow-root>
-						<div class="ontario-form-group">
-							<label class="ontario-label" htmlfor="ontario-input">
-								Ontario Input
-								<span class="ontario-label__flag">
-									(optional)
-								</span>
-							</label>
-							<div class="ontario-error-messaging ontario-error__hidden" role="alert">
-								<ontario-icon-alert-error></ontario-icon-alert-error>
-								<div class="ontario-error-messaging__content"></div>
-							</div>
-							<input type='text' class="ontario-input" id="ontario-input" name="ontario-input" value=""></input>
-						</div>
-					</mock:shadow-root>
-				</ontario-input>
-			`);
-		});
-		it('should reflect attributes/props being set', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input
-					name="input-name"
-					element-id="input-id"
-					value="input value"
-					type='tel'
-					input-width='7-char-width'
-					caption='{"captionText": "Ontario Input"}'
-				></ontario-input>`,
-			});
-			expect(page.rootInstance.name).toBe('input-name');
-			expect(page.rootInstance.value).toBe('input value');
-			expect(page.rootInstance.elementId).toBe('input-id');
-			expect(page.rootInstance.type).toBe('tel');
-			expect(page.rootInstance.inputWidth).toBe('7-char-width');
-			expect(page.rootInstance.captionState.captionText).toBe('Ontario Input');
-		});
-	});
-	describe('events/methods', () => {
-		it('should emit a keyboard event on change', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input
-					name="input-name"
-					element-id="input-id"
-				></ontario-input>`,
-			});
-			const emitSpy = jest.fn();
-			const leftArrowKeyCode = 37;
-			page.doc.addEventListener('inputOnChange', emitSpy);
-			page.rootInstance.handleEvent(
-				new KeyboardEvent('keydown', {
-					keyCode: leftArrowKeyCode,
-				}),
-				'change',
-			);
-			await page.waitForChanges();
-			expect(emitSpy).toHaveBeenCalled();
-		});
-		// Note: This is skipped until it can be figured out why it doesn't work.
-		it.skip('should update the input value on a change event', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input
-					name="input-name"
-					element-id="input-id"
-				></ontario-input>`,
-			});
-			const emitSpy = jest.fn();
-			const testValue = 'This is a test';
-			const leftArrowKeyCode = 37;
-			page.doc.addEventListener('inputOnChange', emitSpy);
-			page.rootInstance.value = testValue;
-			console.log('value:', page.rootInstance.value);
-			page.rootInstance.handleEvent(
-				new KeyboardEvent('keydown', {
-					keyCode: leftArrowKeyCode,
-				}),
-				'change',
-			);
-			await page.waitForChanges();
-			console.log('value2:', page.rootInstance.value);
-			expect(emitSpy).toHaveBeenCalled();
-			expect(page.rootInstance.value).toBe(testValue);
-		});
-		it('should return the input id when using the getId method', async () => {
-			const page = await newSpecPage({
-				components: [OntarioInput],
-				html: `<ontario-input
-					name="input-name"
-					element-id="input-id"
-				></ontario-input>`,
-			});
-			expect(page.rootInstance.getId()).toEqual('input-id');
-		});
-	});
-});
-//# sourceMappingURL=ontario-input.spec.js.map

package/dist/collection/components/ontario-input/test/ontario-input.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-input.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-input/test/ontario-input.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;YAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE,4HAA4H;aAClI,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACvB,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE,4HAA4H;aAClI,CAAC,CAAC;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;IAkB7B,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE;;;;;;;sBAOY;aAClB,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAClD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACpD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACrD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;YACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE;;;sBAGY;aAClB,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC1B,MAAM,gBAAgB,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,YAAY,CAAC,WAAW,CAC5B,IAAI,aAAa,CAAC,SAAS,EAAE;gBAC5B,OAAO,EAAE,gBAAgB;aACzB,CAAC,EACF,QAAQ,CACR,CAAC;YACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,EAAE,CAAC,IAAI,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;YACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE;;;sBAGY;aAClB,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC1B,MAAM,SAAS,GAAG,gBAAgB,CAAC;YACnC,MAAM,gBAAgB,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,SAAS,CAAC;YACpC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,YAAY,CAAC,WAAW,CAC5B,IAAI,aAAa,CAAC,SAAS,EAAE;gBAC5B,OAAO,EAAE,gBAAgB;aACzB,CAAC,EACF,QAAQ,CACR,CAAC;YACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;YACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;gBAC1B,IAAI,EAAE;;;sBAGY;aAClB,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioInput } from '../ontario-input';\n\ndescribe('ontario-input', () => {\n\tdescribe('snapshot', () => {\n\t\tit('should render the expected html', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input element-id=\"ontario-input\" caption='{\"captionText\": \"Ontario Input\"}' name=\"ontario-input\"></ontario-input>`,\n\t\t\t});\n\n\t\t\texpect(page.root).toMatchSnapshot();\n\t\t});\n\t});\n\n\tdescribe('render', () => {\n\t\tit('should render a default input element', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input element-id=\"ontario-input\" caption='{\"captionText\": \"Ontario Input\"}' name=\"ontario-input\"></ontario-input>`,\n\t\t\t});\n\t\t\texpect(page.root).toEqualHtml(`\n\t\t\t\t<ontario-input element-id=\"ontario-input\" caption='{\"captionText\": \"Ontario Input\"}' name=\"ontario-input\">\n\t\t\t\t\t<mock:shadow-root>\n\t\t\t\t\t\t<div class=\"ontario-form-group\">\n\t\t\t\t\t\t\t<label class=\"ontario-label\" htmlfor=\"ontario-input\">\n\t\t\t\t\t\t\t\tOntario Input\n\t\t\t\t\t\t\t\t<span class=\"ontario-label__flag\">\n\t\t\t\t\t\t\t\t\t(optional)\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<div class=\"ontario-error-messaging ontario-error__hidden\" role=\"alert\">\n\t\t\t\t\t\t\t\t<ontario-icon-alert-error></ontario-icon-alert-error>\n\t\t\t\t\t\t\t\t<div class=\"ontario-error-messaging__content\"></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<input type='text' class=\"ontario-input\" id=\"ontario-input\" name=\"ontario-input\" value=\"\"></input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mock:shadow-root>\n\t\t\t\t</ontario-input>\n\t\t\t`);\n\t\t});\n\n\t\tit('should reflect attributes/props being set', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input\n\t\t\t\t\tname=\"input-name\"\n\t\t\t\t\telement-id=\"input-id\"\n\t\t\t\t\tvalue=\"input value\"\n\t\t\t\t\ttype='tel'\n\t\t\t\t\tinput-width='7-char-width'\n\t\t\t\t\tcaption='{\"captionText\": \"Ontario Input\"}'\n\t\t\t\t></ontario-input>`,\n\t\t\t});\n\n\t\t\texpect(page.rootInstance.name).toBe('input-name');\n\t\t\texpect(page.rootInstance.value).toBe('input value');\n\t\t\texpect(page.rootInstance.elementId).toBe('input-id');\n\t\t\texpect(page.rootInstance.type).toBe('tel');\n\t\t\texpect(page.rootInstance.inputWidth).toBe('7-char-width');\n\t\t\texpect(page.rootInstance.captionState.captionText).toBe('Ontario Input');\n\t\t});\n\t});\n\n\tdescribe('events/methods', () => {\n\t\tit('should emit a keyboard event on change', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input\n\t\t\t\t\tname=\"input-name\"\n\t\t\t\t\telement-id=\"input-id\"\n\t\t\t\t></ontario-input>`,\n\t\t\t});\n\n\t\t\tconst emitSpy = jest.fn();\n\t\t\tconst leftArrowKeyCode = 37;\n\t\t\tpage.doc.addEventListener('inputOnChange', emitSpy);\n\t\t\tpage.rootInstance.handleEvent(\n\t\t\t\tnew KeyboardEvent('keydown', {\n\t\t\t\t\tkeyCode: leftArrowKeyCode,\n\t\t\t\t}),\n\t\t\t\t'change',\n\t\t\t);\n\t\t\tawait page.waitForChanges();\n\t\t\texpect(emitSpy).toHaveBeenCalled();\n\t\t});\n\n\t\t// Note: This is skipped until it can be figured out why it doesn't work.\n\t\tit.skip('should update the input value on a change event', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input\n\t\t\t\t\tname=\"input-name\"\n\t\t\t\t\telement-id=\"input-id\"\n\t\t\t\t></ontario-input>`,\n\t\t\t});\n\n\t\t\tconst emitSpy = jest.fn();\n\t\t\tconst testValue = 'This is a test';\n\t\t\tconst leftArrowKeyCode = 37;\n\t\t\tpage.doc.addEventListener('inputOnChange', emitSpy);\n\t\t\tpage.rootInstance.value = testValue;\n\t\t\tconsole.log('value:', page.rootInstance.value);\n\t\t\tpage.rootInstance.handleEvent(\n\t\t\t\tnew KeyboardEvent('keydown', {\n\t\t\t\t\tkeyCode: leftArrowKeyCode,\n\t\t\t\t}),\n\t\t\t\t'change',\n\t\t\t);\n\t\t\tawait page.waitForChanges();\n\t\t\tconsole.log('value2:', page.rootInstance.value);\n\t\t\texpect(emitSpy).toHaveBeenCalled();\n\t\t\texpect(page.rootInstance.value).toBe(testValue);\n\t\t});\n\n\t\tit('should return the input id when using the getId method', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioInput],\n\t\t\t\thtml: `<ontario-input\n\t\t\t\t\tname=\"input-name\"\n\t\t\t\t\telement-id=\"input-id\"\n\t\t\t\t></ontario-input>`,\n\t\t\t});\n\n\t\t\texpect(page.rootInstance.getId()).toEqual('input-id');\n\t\t});\n\t});\n});\n"]}

package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.e2e.js

@@ -1,59 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-describe('ontario-language-toggle', () => {
-	it('renders', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-language-toggle></ontario-language-toggle>');
-		const element = await page.find('ontario-language-toggle');
-		expect(element).toHaveClass('hydrated');
-	});
-	it('should render the small language toggler class when the size property is set to `small`', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-language-toggle size="small"></ontario-language-toggle>');
-		const toggler = await page.find('ontario-language-toggle >>> a');
-		expect(toggler).toHaveClasses(['ontario-language-toggler', 'ontario-language-toggler--small']);
-	});
-	it('should render the default language toggler class when the size property is set to `default`', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-language-toggle size="default"></ontario-language-toggle>');
-		const toggler = await page.find('ontario-language-toggle >>> a');
-		expect(toggler).toHaveClasses(['ontario-language-toggler', 'ontario-language-toggler--default']);
-	});
-	it('renders changes to the language property', async () => {
-		let page = await newE2EPage();
-		await page.setContent('<ontario-language-toggle></ontario-language-toggle>');
-		let component = await page.find('ontario-language-toggle');
-		let element = await page.find('ontario-language-toggle >>> a');
-		component.setProperty('language', 'fr');
-		await page.waitForChanges();
-		expect(element.textContent).toEqual('ENEnglish');
-	});
-	it('should toggle the language when clicked', async () => {
-		let page = await newE2EPage();
-		await page.setContent('<ontario-language-toggle></ontario-language-toggle>');
-		let component = await page.find('ontario-language-toggle');
-		// Test the initial state
-		const initialLanguagePromise = component.getProperty('language');
-		const initialLanguage = await initialLanguagePromise;
-		expect(initialLanguage).toBe('en');
-		// Click on the toggle button
-		await component.click();
-		// Wait for the toggle event to propagate
-		await page.waitForChanges();
-		// Test the toggled state
-		const toggledLanguagePromise = component.getProperty('language');
-		const toggledLanguage = await toggledLanguagePromise;
-		expect(toggledLanguage).toBe('fr');
-	});
-	describe('events/methods', () => {
-		it('fires the headerLanguageToggled event when clicked', async () => {
-			let page = await newE2EPage();
-			await page.setContent('<ontario-language-toggle></ontario-language-toggle>');
-			let component = await page.find('ontario-language-toggle');
-			const clickEvent = await page.spyOnEvent('headerLanguageToggled');
-			component.click();
-			await page.waitForChanges();
-			expect(clickEvent).toHaveReceivedEventTimes(1);
-		});
-	});
-});
-//# sourceMappingURL=ontario-language-toggle.e2e.js.map

package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-language-toggle.e2e.js","sourceRoot":"","sources":["../../../../src/components/ontario-language-toggle/test/ontario-language-toggle.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ontario-language-toggle', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-language-toggle></ontario-language-toggle>');\n\n\t\tconst element = await page.find('ontario-language-toggle');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('should render the small language toggler class when the size property is set to `small`', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-language-toggle size=\"small\"></ontario-language-toggle>');\n\n\t\tconst toggler = await page.find('ontario-language-toggle >>> a');\n\t\texpect(toggler).toHaveClasses(['ontario-language-toggler', 'ontario-language-toggler--small']);\n\t});\n\n\tit('should render the default language toggler class when the size property is set to `default`', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-language-toggle size=\"default\"></ontario-language-toggle>');\n\n\t\tconst toggler = await page.find('ontario-language-toggle >>> a');\n\t\texpect(toggler).toHaveClasses(['ontario-language-toggler', 'ontario-language-toggler--default']);\n\t});\n\n\tit('renders changes to the language property', async () => {\n\t\tlet page = await newE2EPage();\n\t\tawait page.setContent('<ontario-language-toggle></ontario-language-toggle>');\n\t\tlet component = await page.find('ontario-language-toggle');\n\t\tlet element = await page.find('ontario-language-toggle >>> a');\n\n\t\tcomponent.setProperty('language', 'fr');\n\t\tawait page.waitForChanges();\n\n\t\texpect(element.textContent).toEqual('ENEnglish');\n\t});\n\n\tit('should toggle the language when clicked', async () => {\n\t\tlet page = await newE2EPage();\n\t\tawait page.setContent('<ontario-language-toggle></ontario-language-toggle>');\n\t\tlet component = await page.find('ontario-language-toggle');\n\n\t\t// Test the initial state\n\t\tconst initialLanguagePromise = component.getProperty('language');\n\t\tconst initialLanguage = await initialLanguagePromise;\n\t\texpect(initialLanguage).toBe('en');\n\n\t\t// Click on the toggle button\n\t\tawait component.click();\n\n\t\t// Wait for the toggle event to propagate\n\t\tawait page.waitForChanges();\n\n\t\t// Test the toggled state\n\t\tconst toggledLanguagePromise = component.getProperty('language');\n\t\tconst toggledLanguage = await toggledLanguagePromise;\n\t\texpect(toggledLanguage).toBe('fr');\n\t});\n\n\tdescribe('events/methods', () => {\n\t\tit('fires the headerLanguageToggled event when clicked', async () => {\n\t\t\tlet page = await newE2EPage();\n\t\t\tawait page.setContent('<ontario-language-toggle></ontario-language-toggle>');\n\t\t\tlet component = await page.find('ontario-language-toggle');\n\n\t\t\tconst clickEvent = await page.spyOnEvent('headerLanguageToggled');\n\t\t\tcomponent.click();\n\t\t\tawait page.waitForChanges();\n\n\t\t\texpect(clickEvent).toHaveReceivedEventTimes(1);\n\t\t});\n\t});\n});\n"]}

package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.spec.js

@@ -1,72 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { OntarioLanguageToggle } from '../ontario-language-toggle';
-import { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';
-global.MutationObserver = mutationObserverMock;
-describe('ontario-language-toggle', () => {
-	describe('snapshot', () => {
-		it('should render the expected html', async () => {
-			const page = await newSpecPage({
-				components: [OntarioLanguageToggle],
-				html: `<ontario-language-toggle></ontario-language-toggle>`,
-			});
-			expect(page.root).toMatchSnapshot();
-		});
-	});
-	it('should render the default size language toggle if no size is passed', async () => {
-		const page = await newSpecPage({
-			components: [OntarioLanguageToggle],
-			html: `<ontario-language-toggle></ontario-language-toggle>`,
-		});
-		expect(page.root).toEqualHtml(`
-			<ontario-language-toggle>
-				<mock:shadow-root>
-					<a aria-label="Cliquez pour changer la langue en français" class="ontario-language-toggler ontario-language-toggler--default" href="#" hreflang="fr" lang="fr">
-						<abbr class="ontario-show-for-small-only" title="Français">
-							FR
-						</abbr>
-						<span class="ontario-show-for-medium">
-							Français
-						</span>
-					</a>
-				</mock:shadow-root>
-			</ontario-language-toggle>
-		`);
-		expect(page.rootInstance.size).toBe('default');
-	});
-	/**
-	 * TODO: Determine if this is testable.
-	 *
-	 * Not sure how to properly test against this, seems to be a race condition.
-	 *
-	 * Takes a few processes before the html lang attribute is updated.
-	 *
-	 * Using setTimeout() leads to a false positive.
-	 *
-	 * Using page.waitForChanges() or autoApplyChanges: true seem to have no effect.
-	 */
-	it.skip('should render a default language of English on the <html> tag if no language prop is passed', async () => {
-		const page = await newSpecPage({
-			components: [OntarioLanguageToggle],
-			html: `<ontario-language-toggle></ontario-language-toggle>`,
-		});
-		expect(page.rootInstance.language).toBe('en');
-	});
-	it('should render a small size language toggle with a French default language when explicitly specified', async () => {
-		const page = await newSpecPage({
-			components: [OntarioLanguageToggle],
-			html: `<ontario-language-toggle size="small" url="/en" language="fr"></ontario-language-toggle>`,
-		});
-		expect(page.root).toEqualHtml(`
-			<ontario-language-toggle size="small" url="/en" language="fr">
-				<mock:shadow-root>
-					<a aria-label="Click to switch the language to English" class="ontario-language-toggler ontario-language-toggler--small" href="/en" hreflang="en" lang="en">
-						<span>
-							English
-						</span>
-					</a>
-				</mock:shadow-root>
-			</ontario-language-toggle>
-		`);
-	});
-});
-//# sourceMappingURL=ontario-language-toggle.spec.js.map

package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-language-toggle.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-language-toggle/test/ontario-language-toggle.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,MAAM,CAAC,gBAAgB,GAAG,oBAAoB,CAAC;AAE/C,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;YAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,qBAAqB,CAAC;gBACnC,IAAI,EAAE,qDAAqD;aAC3D,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,qBAAqB,CAAC;YACnC,IAAI,EAAE,qDAAqD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;GAa7B,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH;;;;;;;;;;OAUG;IACH,EAAE,CAAC,IAAI,CAAC,6FAA6F,EAAE,KAAK,IAAI,EAAE;QACjH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,qBAAqB,CAAC;YACnC,IAAI,EAAE,qDAAqD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qGAAqG,EAAE,KAAK,IAAI,EAAE;QACpH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,qBAAqB,CAAC;YACnC,IAAI,EAAE,0FAA0F;SAChG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;GAU7B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioLanguageToggle } from '../ontario-language-toggle';\nimport { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';\n\nglobal.MutationObserver = mutationObserverMock;\n\ndescribe('ontario-language-toggle', () => {\n\tdescribe('snapshot', () => {\n\t\tit('should render the expected html', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioLanguageToggle],\n\t\t\t\thtml: `<ontario-language-toggle></ontario-language-toggle>`,\n\t\t\t});\n\n\t\t\texpect(page.root).toMatchSnapshot();\n\t\t});\n\t});\n\n\tit('should render the default size language toggle if no size is passed', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioLanguageToggle],\n\t\t\thtml: `<ontario-language-toggle></ontario-language-toggle>`,\n\t\t});\n\n\t\texpect(page.root).toEqualHtml(`\n\t\t\t<ontario-language-toggle>\n\t\t\t\t<mock:shadow-root>\n\t\t\t\t\t<a aria-label=\"Cliquez pour changer la langue en français\" class=\"ontario-language-toggler ontario-language-toggler--default\" href=\"#\" hreflang=\"fr\" lang=\"fr\">\n\t\t\t\t\t\t<abbr class=\"ontario-show-for-small-only\" title=\"Français\">\n\t\t\t\t\t\t\tFR\n\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t<span class=\"ontario-show-for-medium\">\n\t\t\t\t\t\t\tFrançais\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</mock:shadow-root>\n\t\t\t</ontario-language-toggle>\n\t\t`);\n\t\texpect(page.rootInstance.size).toBe('default');\n\t});\n\n\t/**\n\t * TODO: Determine if this is testable.\n\t *\n\t * Not sure how to properly test against this, seems to be a race condition.\n\t *\n\t * Takes a few processes before the html lang attribute is updated.\n\t *\n\t * Using setTimeout() leads to a false positive.\n\t *\n\t * Using page.waitForChanges() or autoApplyChanges: true seem to have no effect.\n\t */\n\tit.skip('should render a default language of English on the <html> tag if no language prop is passed', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioLanguageToggle],\n\t\t\thtml: `<ontario-language-toggle></ontario-language-toggle>`,\n\t\t});\n\n\t\texpect(page.rootInstance.language).toBe('en');\n\t});\n\n\tit('should render a small size language toggle with a French default language when explicitly specified', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioLanguageToggle],\n\t\t\thtml: `<ontario-language-toggle size=\"small\" url=\"/en\" language=\"fr\"></ontario-language-toggle>`,\n\t\t});\n\n\t\texpect(page.root).toEqualHtml(`\n\t\t\t<ontario-language-toggle size=\"small\" url=\"/en\" language=\"fr\">\n\t\t\t\t<mock:shadow-root>\n\t\t\t\t\t<a aria-label=\"Click to switch the language to English\" class=\"ontario-language-toggler ontario-language-toggler--small\" href=\"/en\" hreflang=\"en\" lang=\"en\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tEnglish\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</mock:shadow-root>\n\t\t\t</ontario-language-toggle>\n\t\t`);\n\t});\n});\n"]}

package/dist/collection/components/ontario-loading-indicator/test/ontario-loading-indicator.e2e.js

@@ -1,59 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-describe('ontario-loading-indicator', () => {
-	it('should be hidden on page load', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		const styles = await element.getComputedStyle();
-		const ariaHiddenValue = element.getAttribute('aria-hidden');
-		expect(styles.display).toBe('none');
-		expect(ariaHiddenValue).toBe('true');
-	});
-	it('should be visible when the `isLoading` prop is set to true', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-loading-indicator is-loading="true"></ontario-loading-indicator>');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		const styles = await element.getComputedStyle();
-		const ariaHiddenValue = element.getAttribute('aria-hidden');
-		expect(styles.display).toBe('block');
-		expect(ariaHiddenValue).toBe('false');
-	});
-	it('should have a `fullScreenOverlay` value of true when none is explicitly set', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-loading-indicator is-loading="true"></ontario-loading-indicator>');
-		const component = await page.find('ontario-loading-indicator');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		const styles = await element.getComputedStyle();
-		const fullScreenValue = await component.getProperty('fullScreenOverlay');
-		expect(fullScreenValue).toBe(true);
-		expect(styles.position).toBe('fixed');
-	});
-	it('should update the overlay styles and value with the `fullScreenOverlay` prop is set to false', async () => {
-		const page = await newE2EPage();
-		await page.setContent(
-			'<ontario-loading-indicator is-loading="true" full-screen-overlay="false"></ontario-loading-indicator>',
-		);
-		const component = await page.find('ontario-loading-indicator');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		const styles = await element.getComputedStyle();
-		const fullScreenValue = await component.getProperty('fullScreenOverlay');
-		expect(fullScreenValue).toBe(false);
-		expect(styles.position).toBe('absolute');
-	});
-	it('should render the default "Loading" content when no `message` prop is passed', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		expect(element.textContent).toEqual('Loading');
-	});
-	it('should update the content when the `message` prop is updated', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');
-		const component = await page.find('ontario-loading-indicator');
-		const element = await page.find('ontario-loading-indicator >>> div');
-		component.setAttribute('message', 'Data incoming...');
-		await page.waitForChanges();
-		expect(element.textContent).toEqual('Data incoming...');
-	});
-});
-//# sourceMappingURL=ontario-loading-indicator.e2e.js.map

package/dist/collection/components/ontario-loading-indicator/test/ontario-loading-indicator.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-loading-indicator.e2e.js","sourceRoot":"","sources":["../../../../src/components/ontario-loading-indicator/test/ontario-loading-indicator.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ontario-loading-indicator', () => {\n\tit('should be hidden on page load', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\tconst styles = await element.getComputedStyle();\n\t\tconst ariaHiddenValue = element.getAttribute('aria-hidden');\n\n\t\texpect(styles.display).toBe('none');\n\t\texpect(ariaHiddenValue).toBe('true');\n\t});\n\n\tit('should be visible when the `isLoading` prop is set to true', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-loading-indicator is-loading=\"true\"></ontario-loading-indicator>');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\tconst styles = await element.getComputedStyle();\n\t\tconst ariaHiddenValue = element.getAttribute('aria-hidden');\n\n\t\texpect(styles.display).toBe('block');\n\t\texpect(ariaHiddenValue).toBe('false');\n\t});\n\n\tit('should have a `fullScreenOverlay` value of true when none is explicitly set', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-loading-indicator is-loading=\"true\"></ontario-loading-indicator>');\n\t\tconst component = await page.find('ontario-loading-indicator');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\tconst styles = await element.getComputedStyle();\n\t\tconst fullScreenValue = await component.getProperty('fullScreenOverlay');\n\n\t\texpect(fullScreenValue).toBe(true);\n\t\texpect(styles.position).toBe('fixed');\n\t});\n\n\tit('should update the overlay styles and value with the `fullScreenOverlay` prop is set to false', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<ontario-loading-indicator is-loading=\"true\" full-screen-overlay=\"false\"></ontario-loading-indicator>',\n\t\t);\n\t\tconst component = await page.find('ontario-loading-indicator');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\tconst styles = await element.getComputedStyle();\n\t\tconst fullScreenValue = await component.getProperty('fullScreenOverlay');\n\n\t\texpect(fullScreenValue).toBe(false);\n\t\texpect(styles.position).toBe('absolute');\n\t});\n\n\tit('should render the default \"Loading\" content when no `message` prop is passed', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\texpect(element.textContent).toEqual('Loading');\n\t});\n\n\tit('should update the content when the `message` prop is updated', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-loading-indicator></ontario-loading-indicator>');\n\t\tconst component = await page.find('ontario-loading-indicator');\n\t\tconst element = await page.find('ontario-loading-indicator >>> div');\n\n\t\tcomponent.setAttribute('message', 'Data incoming...');\n\t\tawait page.waitForChanges();\n\n\t\texpect(element.textContent).toEqual('Data incoming...');\n\t});\n});\n"]}

package/dist/collection/components/ontario-loading-indicator/test/ontario-loading-indicator.spec.js

@@ -1,32 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { OntarioLoadingIndicator } from '../ontario-loading-indicator';
-describe('ontario-loading-indicator', () => {
-	it('should render the expected html', async () => {
-		const page = await newSpecPage({
-			components: [OntarioLoadingIndicator],
-			html: `<ontario-loading-indicator></ontario-loading-indicator>`,
-		});
-		expect(page.root).toMatchSnapshot();
-	});
-	it('renders', async () => {
-		const page = await newSpecPage({
-			components: [OntarioLoadingIndicator],
-			html: `<ontario-loading-indicator></ontario-loading-indicator>`,
-		});
-		expect(page.root).toEqualHtml(`
-			<ontario-loading-indicator>
-				<mock:shadow-root>
-					<div aria-hidden="true" aria-live="assertive" class="ontario-loading-indicator__overlay" role="alert">
-						<div class="ontario-loading-indicator">
-							<svg class="ontario-loading-indicator__spinner" viewBox="25 25 50 50" xmlns="http://www.w3.org/2000/svg">
-								<circle cx="50" cy="50" fill="none" r="20" stroke-width="4"></circle>
-							</svg>
-							<p>Loading</p>
-						</div>
-					</div>
-				</mock:shadow-root>
-			</ontario-loading-indicator>
-		`);
-	});
-});
-//# sourceMappingURL=ontario-loading-indicator.spec.js.map

package/dist/collection/components/ontario-loading-indicator/test/ontario-loading-indicator.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-loading-indicator.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-loading-indicator/test/ontario-loading-indicator.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,uBAAuB,CAAC;YACrC,IAAI,EAAE,yDAAyD;SAC/D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,uBAAuB,CAAC;YACrC,IAAI,EAAE,yDAAyD;SAC/D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;GAa7B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioLoadingIndicator } from '../ontario-loading-indicator';\n\ndescribe('ontario-loading-indicator', () => {\n\tit('should render the expected html', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioLoadingIndicator],\n\t\t\thtml: `<ontario-loading-indicator></ontario-loading-indicator>`,\n\t\t});\n\n\t\texpect(page.root).toMatchSnapshot();\n\t});\n\n\tit('renders', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioLoadingIndicator],\n\t\t\thtml: `<ontario-loading-indicator></ontario-loading-indicator>`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n\t\t\t<ontario-loading-indicator>\n\t\t\t\t<mock:shadow-root>\n\t\t\t\t\t<div aria-hidden=\"true\" aria-live=\"assertive\" class=\"ontario-loading-indicator__overlay\" role=\"alert\">\n\t\t\t\t\t\t<div class=\"ontario-loading-indicator\">\n\t\t\t\t\t\t\t<svg class=\"ontario-loading-indicator__spinner\" viewBox=\"25 25 50 50\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t<circle cx=\"50\" cy=\"50\" fill=\"none\" r=\"20\" stroke-width=\"4\"></circle>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<p>Loading</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</mock:shadow-root>\n\t\t\t</ontario-loading-indicator>\n\t\t`);\n\t});\n});\n"]}

package/dist/collection/components/ontario-page-alert/test/ontario-page-alert.e2e.js

@@ -1,52 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-describe('ontario-page-alert', () => {
-	it('renders default informational page alert', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-page-alert heading="This is informational page alert"></ontario-page-alert>');
-		const component = await page.find('ontario-page-alert');
-		const element = await page.find('ontario-page-alert >>> div');
-		const iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-information');
-		expect(component).toHaveClass('hydrated');
-		expect(element).toHaveClasses(['ontario-alert', 'ontario-alert--informational']);
-		expect(iconElement).not.toBeNull();
-		expect(element.textContent).toEqual('This is informational page alert');
-	});
-	it('renders error page alert', async () => {
-		const page = await newE2EPage();
-		await page.setContent('<ontario-page-alert type="error" heading="This is error page alert"></ontario-page-alert>');
-		const component = await page.find('ontario-page-alert');
-		const element = await page.find('ontario-page-alert >>> div');
-		const iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-error');
-		expect(component).toHaveClass('hydrated');
-		expect(element).toHaveClasses(['ontario-alert', 'ontario-alert--error']);
-		expect(iconElement).not.toBeNull();
-		expect(element.textContent).toEqual('This is error page alert');
-	});
-	it('renders warning page alert', async () => {
-		const page = await newE2EPage();
-		await page.setContent(
-			'<ontario-page-alert type="warning" heading="This is warning page alert"></ontario-page-alert>',
-		);
-		const component = await page.find('ontario-page-alert');
-		const element = await page.find('ontario-page-alert >>> div');
-		const iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-warning');
-		expect(component).toHaveClass('hydrated');
-		expect(element).toHaveClasses(['ontario-alert', 'ontario-alert--warning']);
-		expect(iconElement).not.toBeNull();
-		expect(element.textContent).toEqual('This is warning page alert');
-	});
-	it('renders success page alert', async () => {
-		const page = await newE2EPage();
-		await page.setContent(
-			'<ontario-page-alert type="success" heading="This is success page alert"></ontario-page-alert>',
-		);
-		const component = await page.find('ontario-page-alert');
-		const element = await page.find('ontario-page-alert >>> div');
-		const iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-success');
-		expect(component).toHaveClass('hydrated');
-		expect(element).toHaveClasses(['ontario-alert', 'ontario-alert--success']);
-		expect(iconElement).not.toBeNull();
-		expect(element.textContent).toEqual('This is success page alert');
-	});
-});
-//# sourceMappingURL=ontario-page-alert.e2e.js.map

package/dist/collection/components/ontario-page-alert/test/ontario-page-alert.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ontario-page-alert.e2e.js","sourceRoot":"","sources":["../../../../src/components/ontario-page-alert/test/ontario-page-alert.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ontario-page-alert', () => {\n\tit('renders default informational page alert', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-page-alert heading=\"This is informational page alert\"></ontario-page-alert>');\n\n\t\tconst component = await page.find('ontario-page-alert');\n\t\tconst element = await page.find('ontario-page-alert >>> div');\n\t\tconst iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-information');\n\n\t\texpect(component).toHaveClass('hydrated');\n\t\texpect(element).toHaveClasses(['ontario-alert', 'ontario-alert--informational']);\n\t\texpect(iconElement).not.toBeNull();\n\t\texpect(element.textContent).toEqual('This is informational page alert');\n\t});\n\n\tit('renders error page alert', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-page-alert type=\"error\" heading=\"This is error page alert\"></ontario-page-alert>');\n\n\t\tconst component = await page.find('ontario-page-alert');\n\t\tconst element = await page.find('ontario-page-alert >>> div');\n\t\tconst iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-error');\n\n\t\texpect(component).toHaveClass('hydrated');\n\t\texpect(element).toHaveClasses(['ontario-alert', 'ontario-alert--error']);\n\t\texpect(iconElement).not.toBeNull();\n\t\texpect(element.textContent).toEqual('This is error page alert');\n\t});\n\n\tit('renders warning page alert', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<ontario-page-alert type=\"warning\" heading=\"This is warning page alert\"></ontario-page-alert>',\n\t\t);\n\n\t\tconst component = await page.find('ontario-page-alert');\n\t\tconst element = await page.find('ontario-page-alert >>> div');\n\t\tconst iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-warning');\n\n\t\texpect(component).toHaveClass('hydrated');\n\t\texpect(element).toHaveClasses(['ontario-alert', 'ontario-alert--warning']);\n\t\texpect(iconElement).not.toBeNull();\n\t\texpect(element.textContent).toEqual('This is warning page alert');\n\t});\n\n\tit('renders success page alert', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<ontario-page-alert type=\"success\" heading=\"This is success page alert\"></ontario-page-alert>',\n\t\t);\n\n\t\tconst component = await page.find('ontario-page-alert');\n\t\tconst element = await page.find('ontario-page-alert >>> div');\n\t\tconst iconElement = await page.find('ontario-page-alert >>> ontario-icon-alert-success');\n\n\t\texpect(component).toHaveClass('hydrated');\n\t\texpect(element).toHaveClasses(['ontario-alert', 'ontario-alert--success']);\n\t\texpect(iconElement).not.toBeNull();\n\t\texpect(element.textContent).toEqual('This is success page alert');\n\t});\n});\n"]}

package/dist/collection/components/ontario-page-alert/test/ontario-page-alert.spec.js

@@ -1,151 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { OntarioPageAlert } from '../ontario-page-alert';
-describe('ontario-page-alert', () => {
-	it('should render default informational page alert', async () => {
-		const page = await newSpecPage({
-			components: [OntarioPageAlert],
-			html: `
-				<ontario-page-alert heading='This is sample informational page alert'>
-				</ontario-page-alert>
-			`,
-		});
-		expect(page.root).toEqualHtml(`
-      <ontario-page-alert heading='This is sample informational page alert'>
-				<mock:shadow-root>
-			     <div class="ontario-alert ontario-alert--informational">
-			       <div class="ontario-alert__header">
-			         <div class="ontario-alert__header-icon">
-			           <ontario-icon-alert-information icon-width="36"></ontario-icon-alert-information>
-			         </div>
-			         <h2 class="ontario-alert__header-title ontario-h4">
-							 	This is sample informational page alert
-							 </h2>
-			       </div>
-			       <div class="ontario-alert__body">
-			         <slot></slot>
-			       </div>
-			     </div>
-			  </mock:shadow-root>
-      </ontario-page-alert>
-    `);
-	});
-	it('should render warning page alert', async () => {
-		const page = await newSpecPage({
-			components: [OntarioPageAlert],
-			html: `
-				<ontario-page-alert type='warning' heading='This is warning page alert'>
-				</ontario-page-alert>
-			`,
-		});
-		expect(page.root).toEqualHtml(`
-      <ontario-page-alert type='warning' heading='This is warning page alert'>
-				<mock:shadow-root>
-			     <div class="ontario-alert ontario-alert--warning">
-			       <div class="ontario-alert__header">
-			         <div class="ontario-alert__header-icon">
-			           <ontario-icon-alert-warning icon-width="36"></ontario-icon-alert-warning>
-			         </div>
-			         <h2 class="ontario-alert__header-title ontario-h4">
-							 	This is warning page alert
-							 </h2>
-			       </div>
-			       <div class="ontario-alert__body">
-			         <slot></slot>
-			       </div>
-			     </div>
-			  </mock:shadow-root>
-      </ontario-page-alert>
-    `);
-	});
-	it('should render success page alert', async () => {
-		const page = await newSpecPage({
-			components: [OntarioPageAlert],
-			html: `
-				<ontario-page-alert type='success' heading='This is success page alert'>
-				</ontario-page-alert>
-			`,
-		});
-		expect(page.root).toEqualHtml(`
-      <ontario-page-alert type='success' heading='This is success page alert'>
-				<mock:shadow-root>
-			     <div class="ontario-alert ontario-alert--success">
-			       <div class="ontario-alert__header">
-			         <div class="ontario-alert__header-icon">
-			           <ontario-icon-alert-success icon-width="36"></ontario-icon-alert-success>
-			         </div>
-			         <h2 class="ontario-alert__header-title ontario-h4">
-							 	This is success page alert
-							 </h2>
-			       </div>
-			       <div class="ontario-alert__body">
-			         <slot></slot>
-			       </div>
-			     </div>
-			  </mock:shadow-root>
-      </ontario-page-alert>
-    `);
-	});
-	it('should render error page alert', async () => {
-		const page = await newSpecPage({
-			components: [OntarioPageAlert],
-			html: `
-				<ontario-page-alert type='error' heading='This is error page alert'>
-				</ontario-page-alert>
-			`,
-		});
-		expect(page.root).toEqualHtml(`
-      <ontario-page-alert type='error' heading='This is error page alert'>
-				<mock:shadow-root>
-			     <div class="ontario-alert ontario-alert--error">
-			       <div class="ontario-alert__header">
-			         <div class="ontario-alert__header-icon">
-			           <ontario-icon-alert-error icon-width="36"></ontario-icon-alert-error>
-			         </div>
-			         <h2 class="ontario-alert__header-title ontario-h4">
-							 	This is error page alert
-							 </h2>
-			       </div>
-			       <div class="ontario-alert__body">
-			         <slot></slot>
-			       </div>
-			     </div>
-			  </mock:shadow-root>
-      </ontario-page-alert>
-    `);
-	});
-	it('should render content in slot', async () => {
-		const page = await newSpecPage({
-			components: [OntarioPageAlert],
-			html: `
-				<ontario-page-alert>
-					<p>This is a sample page alert component using slots. <a href="#">Learn more</a>.</p>
-				</ontario-page-alert>
-			`,
-		});
-		expect(page.root).toEqualHtml(`
-      <ontario-page-alert>
-				<mock:shadow-root>
-			     <div class="ontario-alert ontario-alert--informational">
-			       <div class="ontario-alert__header">
-			         <div class="ontario-alert__header-icon">
-			           <ontario-icon-alert-information icon-width="36"></ontario-icon-alert-information>
-			         </div>
-			         <h2 class="ontario-alert__header-title ontario-h4"></h2>
-			       </div>
-			       <div class="ontario-alert__body">
-			         <slot></slot>
-			       </div>
-			     </div>
-			  </mock:shadow-root>
-			  <p>
-			    This is a sample page alert component using slots.
-					<a href="#">
-						Learn more
-					</a>
-			    .
-			  </p>
-      </ontario-page-alert>
-    `);
-	});
-});
-//# sourceMappingURL=ontario-page-alert.spec.js.map