q2-tecton-elements 1.54.5 → 1.55.1

package/dist/collection/components/q2-loc/test/q2-loc-test.spec.js

@@ -2,6 +2,7 @@ import { Q2Loc } from "../q2-loc";
 import { setupSpecPageWithLoc } from "../../../utils/helpers";
 describe('q2loc', () => {
     let specPage;
+    let locClass;
     let locElement;
     const testStringsDict = {
         'tecton.element.loc.test': 'Test String',
@@ -16,18 +17,28 @@ describe('q2loc', () => {
                         components: [Q2Loc],
                         html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.displayValue).toEqual('Test String');
+                    locElement = specPage.root;
+                    expect(locElement.textContent).toEqual('Test String');
                 });
                 it('translates when changed', async () => {
                     specPage = await setupSpecPageWithLoc({
                         components: [Q2Loc],
                         html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.displayValue).toEqual('Test String');
-                    locElement.value = 'tecton.element.loc.changed';
-                    expect(locElement.displayValue).toEqual('Changed String');
+                    locClass = specPage.rootInstance;
+                    locElement = specPage.root;
+                    expect(locElement.textContent).toEqual('Test String');
+                    locClass.value = 'tecton.element.loc.changed';
+                    await specPage.waitForChanges();
+                    expect(locElement.textContent).toEqual('Changed String');
+                });
+                it('value is preferred when textContent also provided', async () => {
+                    specPage = await setupSpecPageWithLoc({
+                        components: [Q2Loc],
+                        html: '<q2-loc value="tecton.element.loc.test">tecton.element.loc.changed</q2-loc>',
+                    }, testStringsDict);
+                    locElement = specPage.root;
+                    expect(locElement.textContent).toEqual('Test String');
                 });
             });
             describe('when not provided', () => {
@@ -36,8 +47,8 @@ describe('q2loc', () => {
                         components: [Q2Loc],
                         html: '<q2-loc>tecton.element.loc.test</q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.displayValue).toEqual('Test String');
+                    locElement = specPage.root;
+                    expect(locElement.textContent).toEqual('Test String');
                 });
             });
         });
@@ -48,18 +59,11 @@ describe('q2loc', () => {
                         components: [Q2Loc],
                         html: '<q2-loc value="tecton.element.loc.substitution"></q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    locElement.substitutions = ['Jane', 'Doe'];
-                    expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');
-                });
-                it('applies substitutions to the textContent of the element', async () => {
-                    specPage = await setupSpecPageWithLoc({
-                        components: [Q2Loc],
-                        html: '<q2-loc>tecton.element.loc.substitution</q2-loc>',
-                    }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    locElement.substitutions = ['Jane', 'Doe'];
-                    expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');
+                    locClass = specPage.rootInstance;
+                    locElement = specPage.root;
+                    locClass.substitutions = ['Jane', 'Doe'];
+                    await specPage.waitForChanges();
+                    expect(locElement.textContent).toEqual('Substitution String with Jane and Doe');
                 });
             });
             describe('when not provided', () => {
@@ -68,97 +72,151 @@ describe('q2loc', () => {
                         components: [Q2Loc],
                         html: '<q2-loc>tecton.element.loc.substitution</q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.displayValue).toEqual('Substitution String with {0} and {1}');
+                    locElement = specPage.root;
+                    expect(locElement.textContent).toEqual('Substitution String with {0} and {1}');
                 });
             });
         });
     });
-    describe('State', () => {
-        describe('displayValue', () => {
-            it('is set to translated value', async () => {
-                specPage = await setupSpecPageWithLoc({
-                    components: [Q2Loc],
-                    html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
-                }, testStringsDict);
-                locElement = specPage.rootInstance;
-                expect(locElement.displayValue).toEqual('Test String');
-            });
-            it('is set to translated value with substitutions', async () => {
-                specPage = await setupSpecPageWithLoc({
-                    components: [Q2Loc],
-                    html: '<q2-loc value="tecton.element.loc.substitution"></q2-loc>',
-                }, testStringsDict);
-                locElement = specPage.rootInstance;
-                locElement.substitutions = ['Jane', 'Doe'];
-                expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');
-            });
-        });
-    });
-    describe('Watchers', () => {
-        describe('value', () => {
-            it('executes propHandler', async () => {
+    describe('Lifecycle Methods', () => {
+        describe('componentWillLoad', () => {
+            it('calls initValue', async () => {
                 specPage = await setupSpecPageWithLoc({
                     components: [Q2Loc],
                     html: '<q2-loc></q2-loc>',
                 }, testStringsDict);
-                specPage.rootInstance.propHandler = jest.fn();
-                locElement = specPage.rootInstance;
-                locElement.value = 'tecton.element.loc.test';
-                expect(locElement.propHandler).toHaveBeenCalled();
+                locClass = specPage.rootInstance;
+                const initValueSpy = jest.spyOn(locClass, 'initValue');
+                locClass.componentWillLoad();
+                expect(initValueSpy).toHaveBeenCalled();
             });
         });
-        describe('substitutions', () => {
-            it('executes propHandler', async () => {
+        describe('componentDidLoad', () => {
+            it('calls initMutationObserver', async () => {
                 specPage = await setupSpecPageWithLoc({
                     components: [Q2Loc],
                     html: '<q2-loc></q2-loc>',
                 }, testStringsDict);
-                locElement = specPage.rootInstance;
-                locElement.propHandler = jest.fn();
-                locElement.substitutions = ['Foo', 'Bar'];
-                expect(locElement.propHandler).toHaveBeenCalled();
+                locClass = specPage.rootInstance;
+                const initMutationObserverSpy = jest.spyOn(locClass, 'initMutationObserver');
+                locClass.componentDidLoad();
+                expect(initMutationObserverSpy).toHaveBeenCalled();
             });
         });
     });
-    describe('Local methods', () => {
-        describe('initValue', () => {
-            describe('when value prop provided', () => {
-                it('calls propHandler when provided a value attribute', async () => {
+    describe('Local Methods', () => {
+        describe('Getters', () => {
+            describe('hostTextContent', () => {
+                it('returns the textContent of the host element', async () => {
                     specPage = await setupSpecPageWithLoc({
                         components: [Q2Loc],
-                        html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
+                        html: '<q2-loc>Text Content</q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    locElement.propHandler = jest.fn();
-                    locElement.initValue();
-                    expect(locElement.propHandler).toHaveBeenCalled();
-                    expect(locElement.displayValue).toEqual('Test String');
+                    locClass = specPage.rootInstance;
+                    locElement = specPage.root;
+                    expect(locClass.hostTextContent).toEqual('Text Content');
                 });
             });
-            describe('when only textContent provided', () => {
-                it('sets the value property to the textContent of the element', async () => {
+            describe('translatedValue', () => {
+                it('returns the translation of the value', async () => {
                     specPage = await setupSpecPageWithLoc({
                         components: [Q2Loc],
-                        html: '<q2-loc>tecton.element.loc.test</q2-loc>',
+                        html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
                     }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.value).toEqual('tecton.element.loc.test');
-                    expect(locElement.displayValue).toEqual('Test String');
+                    locClass = specPage.rootInstance;
+                    expect(locClass.translatedValue).toEqual('Test String');
                 });
-                it('removes the textContent node after setting the value property', async () => {
-                    specPage = await setupSpecPageWithLoc({
-                        components: [Q2Loc],
-                        html: '<q2-loc>tecton.element.loc.test</q2-loc>',
-                    }, testStringsDict);
-                    locElement = specPage.rootInstance;
-                    expect(locElement.value).toEqual('tecton.element.loc.test');
-                    expect(locElement.displayValue).toEqual('Test String');
-                    expect(locElement.hostElement.textContent).toEqual('');
+            });
+        });
+        describe('Methods', () => {
+            describe('initValue', () => {
+                describe('when no value provided and textContent is provided', () => {
+                    it('sets the value property to the textContent of the element', async () => {
+                        specPage = await setupSpecPageWithLoc({
+                            components: [Q2Loc],
+                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',
+                        }, testStringsDict);
+                        locClass = specPage.rootInstance;
+                        expect(locClass.value).toEqual('tecton.element.loc.test');
+                    });
+                    it('replaces the textContent with the translation', async () => {
+                        specPage = await setupSpecPageWithLoc({
+                            components: [Q2Loc],
+                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',
+                        }, testStringsDict);
+                        locClass = specPage.rootInstance;
+                        locElement = specPage.root;
+                        expect(locClass.value).toEqual('tecton.element.loc.test');
+                        expect(locElement.textContent).toEqual('Test String');
+                    });
                 });
             });
+            describe('mutationHandler', () => {
+                describe('when hostTextContent does not match translatedValue', () => {
+                    it('sets the textContent to nothing', async () => {
+                        specPage = await setupSpecPageWithLoc({
+                            components: [Q2Loc],
+                            html: '<q2-loc>My Text</q2-loc>',
+                        }, testStringsDict);
+                        locClass = specPage.rootInstance;
+                        locElement = specPage.root;
+                        expect(locElement.textContent).toEqual('My Text');
+                        locClass.value = 'tecton.element.loc.test';
+                        expect(locElement.textContent).toEqual('My Text');
+                        locClass.mutationHandler();
+                        expect(locElement.textContent).toEqual('');
+                    });
+                    it('sets the value to the hostTextContent', async () => {
+                        specPage = await setupSpecPageWithLoc({
+                            components: [Q2Loc],
+                            html: '<q2-loc>Text One</q2-loc>',
+                        }, testStringsDict);
+                        locClass = specPage.rootInstance;
+                        locElement = specPage.root;
+                        expect(locElement.textContent).toEqual('Text One');
+                        locClass.hostElement.textContent = 'Text Two';
+                        expect(locElement.textContent).toEqual('Text Two');
+                        locClass.mutationHandler();
+                        expect(locClass.value).toEqual('Text Two');
+                    });
+                });
+                describe('when no hostTextContent', () => {
+                    it('does nothing', async () => {
+                        specPage = await setupSpecPageWithLoc({
+                            components: [Q2Loc],
+                            html: '<q2-loc></q2-loc>',
+                        }, testStringsDict);
+                        locClass = specPage.rootInstance;
+                        locElement = specPage.root;
+                        expect(locElement.textContent).toEqual('');
+                        locClass.mutationHandler();
+                        await specPage.waitForChanges();
+                        expect(locElement.textContent).toEqual('');
+                    });
+                });
+            });
+        });
+    });
+    describe('textContent logic', () => {
+        it('is set to translated value', async () => {
+            specPage = await setupSpecPageWithLoc({
+                components: [Q2Loc],
+                html: '<q2-loc value="tecton.element.loc.test"></q2-loc>',
+            }, testStringsDict);
+            locElement = specPage.root;
+            expect(locElement.textContent).toEqual('Test String');
+        });
+        it('is set to translated value with substitutions', async () => {
+            specPage = await setupSpecPageWithLoc({
+                components: [Q2Loc],
+                html: '<q2-loc value="tecton.element.loc.substitution"></q2-loc>',
+            }, testStringsDict);
+            locClass = specPage.rootInstance;
+            locElement = specPage.root;
+            locClass.substitutions = ['Jane', 'Doe'];
+            await specPage.waitForChanges();
+            expect(locElement.textContent).toEqual('Substitution String with Jane and Doe');
         });
-        describe('mutationHandler', () => { });
     });
 });
 //# sourceMappingURL=q2-loc-test.spec.js.map

package/dist/collection/components/q2-loc/test/q2-loc-test.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-loc-test.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-loc/test/q2-loc-test.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage } from '@stencil/core/testing';\nimport { Q2Loc } from '../q2-loc';\nimport { setupSpecPageWithLoc } from '@/utils/helpers';\n\ndescribe('q2loc', () => {\n    let specPage: SpecPage;\n    let locElement: Q2Loc;\n    const testStringsDict = {\n        'tecton.element.loc.test': 'Test String',\n        'tecton.element.loc.changed': 'Changed String',\n        'tecton.element.loc.substitution': 'Substitution String with {0} and {1}',\n    };\n    describe('Props', () => {\n        describe('value', () => {\n            describe('when provided', () => {\n                it('translates properly on init', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    expect(locElement.displayValue).toEqual('Test String');\n                });\n                it('translates when changed', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    expect(locElement.displayValue).toEqual('Test String');\n                    locElement.value = 'tecton.element.loc.changed';\n                    expect(locElement.displayValue).toEqual('Changed String');\n                });\n            });\n            describe('when not provided', () => {\n                it('translates the textContent of the element', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    expect(locElement.displayValue).toEqual('Test String');\n                });\n            });\n        });\n\n        describe('substitutions', () => {\n            describe('when provided', () => {\n                it('applies substitutions', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.substitution\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    locElement.substitutions = ['Jane', 'Doe'];\n                    expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');\n                });\n                it('applies substitutions to the textContent of the element', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.substitution</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    locElement.substitutions = ['Jane', 'Doe'];\n                    expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');\n                });\n            });\n            describe('when not provided', () => {\n                it('does not apply substitutions', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.substitution</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.rootInstance;\n                    expect(locElement.displayValue).toEqual('Substitution String with {0} and {1}');\n                });\n            });\n        });\n    });\n\n    describe('State', () => {\n        describe('displayValue', () => {\n            it('is set to translated value', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                locElement = specPage.rootInstance;\n                expect(locElement.displayValue).toEqual('Test String');\n            });\n            it('is set to translated value with substitutions', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc value=\"tecton.element.loc.substitution\"></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                locElement = specPage.rootInstance;\n                locElement.substitutions = ['Jane', 'Doe'];\n                expect(locElement.displayValue).toEqual('Substitution String with Jane and Doe');\n            });\n        });\n    });\n\n    describe('Watchers', () => {\n        describe('value', () => {\n            it('executes propHandler', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                specPage.rootInstance.propHandler = jest.fn();\n                locElement = specPage.rootInstance;\n                locElement.value = 'tecton.element.loc.test';\n                expect(locElement.propHandler).toHaveBeenCalled();\n            });\n        });\n        describe('substitutions', () => {\n            it('executes propHandler', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                locElement = specPage.rootInstance;\n                locElement.propHandler = jest.fn();\n                locElement.substitutions = ['Foo', 'Bar'];\n                expect(locElement.propHandler).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('Local methods', () => {\n        describe('initValue', () => {\n            describe('when value prop provided', () => {\n                it('calls propHandler when provided a value attribute', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n\n                    locElement = specPage.rootInstance;\n                    locElement.propHandler = jest.fn();\n                    locElement.initValue();\n                    expect(locElement.propHandler).toHaveBeenCalled();\n                    expect(locElement.displayValue).toEqual('Test String');\n                });\n            });\n\n            describe('when only textContent provided', () => {\n                it('sets the value property to the textContent of the element', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n\n                    locElement = specPage.rootInstance;\n                    expect(locElement.value).toEqual('tecton.element.loc.test');\n                    expect(locElement.displayValue).toEqual('Test String');\n                });\n                it('removes the textContent node after setting the value property', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n\n                    locElement = specPage.rootInstance;\n                    expect(locElement.value).toEqual('tecton.element.loc.test');\n                    expect(locElement.displayValue).toEqual('Test String');\n                    expect(locElement.hostElement.textContent).toEqual('');\n                });\n            });\n        });\n        describe('mutationHandler', () => {});\n    });\n});\n"]}
+{"version":3,"file":"q2-loc-test.spec.js","sourceRoot":"","sources":["../../../../../src/components/q2-loc/test/q2-loc-test.spec.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,IAAI,QAAkB,CAAC;IACvB,IAAI,QAAQ,CAAC;IACb,IAAI,UAAU,CAAC;IACf,MAAM,eAAe,GAAG;QACpB,yBAAyB,EAAE,aAAa;QACxC,4BAA4B,EAAE,gBAAgB;QAC9C,iCAAiC,EAAE,sCAAsC;KAC5E,CAAC;IACF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;YACnB,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;gBAC3B,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;oBACzC,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,mDAAmD;qBAC5D,EACD,eAAe,CAClB,CAAC;oBACF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;oBACrC,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,mDAAmD;qBAC5D,EACD,eAAe,CAClB,CAAC;oBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;oBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAC3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;oBACtD,QAAQ,CAAC,KAAK,GAAG,4BAA4B,CAAC;oBAC9C,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;oBAC/D,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,6EAA6E;qBACtF,EACD,eAAe,CAClB,CAAC;oBACF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;gBAC/B,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;oBACvD,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,0CAA0C;qBACnD,EACD,eAAe,CAClB,CAAC;oBACF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;gBAC3B,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;oBACnC,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,2DAA2D;qBACpE,EACD,eAAe,CAClB,CAAC;oBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;oBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAC3B,QAAQ,CAAC,aAAa,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBACzC,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,uCAAuC,CAAC,CAAC;gBACpF,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;gBAC/B,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;oBAC1C,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,kDAAkD;qBAC3D,EACD,eAAe,CAClB,CAAC;oBACF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,sCAAsC,CAAC,CAAC;gBACnF,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC/B,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;gBAC7B,QAAQ,GAAG,MAAM,oBAAoB,CACjC;oBACI,UAAU,EAAE,CAAC,KAAK,CAAC;oBACnB,IAAI,EAAE,mBAAmB;iBAC5B,EACD,eAAe,CAClB,CAAC;gBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACjC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;gBACvD,QAAQ,CAAC,iBAAiB,EAAE,CAAC;gBAC7B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;YAC5C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC9B,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;gBACxC,QAAQ,GAAG,MAAM,oBAAoB,CACjC;oBACI,UAAU,EAAE,CAAC,KAAK,CAAC;oBACnB,IAAI,EAAE,mBAAmB;iBAC5B,EACD,eAAe,CAClB,CAAC;gBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACjC,MAAM,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;gBAC7E,QAAQ,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,MAAM,CAAC,uBAAuB,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACvD,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;gBAC7B,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;oBACzD,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,+BAA+B;qBACxC,EACD,eAAe,CAClB,CAAC;oBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;oBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;gBAC7B,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;oBAClD,QAAQ,GAAG,MAAM,oBAAoB,CACjC;wBACI,UAAU,EAAE,CAAC,KAAK,CAAC;wBACnB,IAAI,EAAE,mDAAmD;qBAC5D,EACD,eAAe,CAClB,CAAC;oBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;oBAEjC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;gBACvB,QAAQ,CAAC,oDAAoD,EAAE,GAAG,EAAE;oBAChE,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;wBACvE,QAAQ,GAAG,MAAM,oBAAoB,CACjC;4BACI,UAAU,EAAE,CAAC,KAAK,CAAC;4BACnB,IAAI,EAAE,0CAA0C;yBACnD,EACD,eAAe,CAClB,CAAC;wBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;wBAEjC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;oBAC9D,CAAC,CAAC,CAAC;oBAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;wBAC3D,QAAQ,GAAG,MAAM,oBAAoB,CACjC;4BACI,UAAU,EAAE,CAAC,KAAK,CAAC;4BACnB,IAAI,EAAE,0CAA0C;yBACnD,EACD,eAAe,CAClB,CAAC;wBAEF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;wBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;wBAE3B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;wBAC1D,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;oBAC1D,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;gBAC7B,QAAQ,CAAC,qDAAqD,EAAE,GAAG,EAAE;oBACjE,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;wBAC7C,QAAQ,GAAG,MAAM,oBAAoB,CACjC;4BACI,UAAU,EAAE,CAAC,KAAK,CAAC;4BACnB,IAAI,EAAE,0BAA0B;yBACnC,EACD,eAAe,CAClB,CAAC;wBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;wBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;wBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBAClD,QAAQ,CAAC,KAAK,GAAG,yBAAyB,CAAC;wBAC3C,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBAElD,QAAQ,CAAC,eAAe,EAAE,CAAC;wBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC/C,CAAC,CAAC,CAAC;oBAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;wBACnD,QAAQ,GAAG,MAAM,oBAAoB,CACjC;4BACI,UAAU,EAAE,CAAC,KAAK,CAAC;4BACnB,IAAI,EAAE,2BAA2B;yBACpC,EACD,eAAe,CAClB,CAAC;wBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;wBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;wBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;wBACnD,QAAQ,CAAC,WAAW,CAAC,WAAW,GAAG,UAAU,CAAC;wBAE9C,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;wBAEnD,QAAQ,CAAC,eAAe,EAAE,CAAC;wBAE3B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBAC/C,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;gBAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;oBACrC,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;wBAC1B,QAAQ,GAAG,MAAM,oBAAoB,CACjC;4BACI,UAAU,EAAE,CAAC,KAAK,CAAC;4BACnB,IAAI,EAAE,mBAAmB;yBAC5B,EACD,eAAe,CAClB,CAAC;wBACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;wBACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;wBAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;wBAC3C,QAAQ,CAAC,eAAe,EAAE,CAAC;wBAC3B,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;wBAEhC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC/C,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;YACxC,QAAQ,GAAG,MAAM,oBAAoB,CACjC;gBACI,UAAU,EAAE,CAAC,KAAK,CAAC;gBACnB,IAAI,EAAE,mDAAmD;aAC5D,EACD,eAAe,CAClB,CAAC;YACF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;YAE3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;YAC3D,QAAQ,GAAG,MAAM,oBAAoB,CACjC;gBACI,UAAU,EAAE,CAAC,KAAK,CAAC;gBACnB,IAAI,EAAE,2DAA2D;aACpE,EACD,eAAe,CAClB,CAAC;YACF,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC;YACjC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC3B,QAAQ,CAAC,aAAa,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACzC,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;YAEhC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,uCAAuC,CAAC,CAAC;QACpF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { SpecPage } from '@stencil/core/testing';\nimport { Q2Loc } from '../q2-loc';\nimport { setupSpecPageWithLoc } from '@/utils/helpers';\n\ndescribe('q2loc', () => {\n    let specPage: SpecPage;\n    let locClass;\n    let locElement;\n    const testStringsDict = {\n        'tecton.element.loc.test': 'Test String',\n        'tecton.element.loc.changed': 'Changed String',\n        'tecton.element.loc.substitution': 'Substitution String with {0} and {1}',\n    };\n    describe('Props', () => {\n        describe('value', () => {\n            describe('when provided', () => {\n                it('translates properly on init', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.root;\n\n                    expect(locElement.textContent).toEqual('Test String');\n                });\n\n                it('translates when changed', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locClass = specPage.rootInstance;\n                    locElement = specPage.root;\n                    expect(locElement.textContent).toEqual('Test String');\n                    locClass.value = 'tecton.element.loc.changed';\n                    await specPage.waitForChanges();\n\n                    expect(locElement.textContent).toEqual('Changed String');\n                });\n\n                it('value is preferred when textContent also provided', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\">tecton.element.loc.changed</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.root;\n\n                    expect(locElement.textContent).toEqual('Test String');\n                });\n            });\n\n            describe('when not provided', () => {\n                it('translates the textContent of the element', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.root;\n\n                    expect(locElement.textContent).toEqual('Test String');\n                });\n            });\n        });\n\n        describe('substitutions', () => {\n            describe('when provided', () => {\n                it('applies substitutions', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.substitution\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locClass = specPage.rootInstance;\n                    locElement = specPage.root;\n                    locClass.substitutions = ['Jane', 'Doe'];\n                    await specPage.waitForChanges();\n\n                    expect(locElement.textContent).toEqual('Substitution String with Jane and Doe');\n                });\n            });\n            describe('when not provided', () => {\n                it('does not apply substitutions', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>tecton.element.loc.substitution</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locElement = specPage.root;\n\n                    expect(locElement.textContent).toEqual('Substitution String with {0} and {1}');\n                });\n            });\n        });\n    });\n\n    describe('Lifecycle Methods', () => {\n        describe('componentWillLoad', () => {\n            it('calls initValue', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                locClass = specPage.rootInstance;\n                const initValueSpy = jest.spyOn(locClass, 'initValue');\n                locClass.componentWillLoad();\n                expect(initValueSpy).toHaveBeenCalled();\n            });\n        });\n\n        describe('componentDidLoad', () => {\n            it('calls initMutationObserver', async () => {\n                specPage = await setupSpecPageWithLoc(\n                    {\n                        components: [Q2Loc],\n                        html: '<q2-loc></q2-loc>',\n                    },\n                    testStringsDict\n                );\n                locClass = specPage.rootInstance;\n                const initMutationObserverSpy = jest.spyOn(locClass, 'initMutationObserver');\n                locClass.componentDidLoad();\n                expect(initMutationObserverSpy).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('Local Methods', () => {\n        describe('Getters', () => {\n            describe('hostTextContent', () => {\n                it('returns the textContent of the host element', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc>Text Content</q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locClass = specPage.rootInstance;\n                    locElement = specPage.root;\n\n                    expect(locClass.hostTextContent).toEqual('Text Content');\n                });\n            });\n\n            describe('translatedValue', () => {\n                it('returns the translation of the value', async () => {\n                    specPage = await setupSpecPageWithLoc(\n                        {\n                            components: [Q2Loc],\n                            html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                        },\n                        testStringsDict\n                    );\n                    locClass = specPage.rootInstance;\n\n                    expect(locClass.translatedValue).toEqual('Test String');\n                });\n            });\n        });\n\n        describe('Methods', () => {\n            describe('initValue', () => {\n                describe('when no value provided and textContent is provided', () => {\n                    it('sets the value property to the textContent of the element', async () => {\n                        specPage = await setupSpecPageWithLoc(\n                            {\n                                components: [Q2Loc],\n                                html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                            },\n                            testStringsDict\n                        );\n                        locClass = specPage.rootInstance;\n\n                        expect(locClass.value).toEqual('tecton.element.loc.test');\n                    });\n\n                    it('replaces the textContent with the translation', async () => {\n                        specPage = await setupSpecPageWithLoc(\n                            {\n                                components: [Q2Loc],\n                                html: '<q2-loc>tecton.element.loc.test</q2-loc>',\n                            },\n                            testStringsDict\n                        );\n\n                        locClass = specPage.rootInstance;\n                        locElement = specPage.root;\n\n                        expect(locClass.value).toEqual('tecton.element.loc.test');\n                        expect(locElement.textContent).toEqual('Test String');\n                    });\n                });\n            });\n\n            describe('mutationHandler', () => {\n                describe('when hostTextContent does not match translatedValue', () => {\n                    it('sets the textContent to nothing', async () => {\n                        specPage = await setupSpecPageWithLoc(\n                            {\n                                components: [Q2Loc],\n                                html: '<q2-loc>My Text</q2-loc>',\n                            },\n                            testStringsDict\n                        );\n                        locClass = specPage.rootInstance;\n                        locElement = specPage.root;\n\n                        expect(locElement.textContent).toEqual('My Text');\n                        locClass.value = 'tecton.element.loc.test';\n                        expect(locElement.textContent).toEqual('My Text');\n\n                        locClass.mutationHandler();\n\n                        expect(locElement.textContent).toEqual('');\n                    });\n\n                    it('sets the value to the hostTextContent', async () => {\n                        specPage = await setupSpecPageWithLoc(\n                            {\n                                components: [Q2Loc],\n                                html: '<q2-loc>Text One</q2-loc>',\n                            },\n                            testStringsDict\n                        );\n                        locClass = specPage.rootInstance;\n                        locElement = specPage.root;\n\n                        expect(locElement.textContent).toEqual('Text One');\n                        locClass.hostElement.textContent = 'Text Two';\n\n                        expect(locElement.textContent).toEqual('Text Two');\n\n                        locClass.mutationHandler();\n\n                        expect(locClass.value).toEqual('Text Two');\n                    });\n                });\n\n                describe('when no hostTextContent', () => {\n                    it('does nothing', async () => {\n                        specPage = await setupSpecPageWithLoc(\n                            {\n                                components: [Q2Loc],\n                                html: '<q2-loc></q2-loc>',\n                            },\n                            testStringsDict\n                        );\n                        locClass = specPage.rootInstance;\n                        locElement = specPage.root;\n\n                        expect(locElement.textContent).toEqual('');\n                        locClass.mutationHandler();\n                        await specPage.waitForChanges();\n\n                        expect(locElement.textContent).toEqual('');\n                    });\n                });\n            });\n        });\n    });\n\n    describe('textContent logic', () => {\n        it('is set to translated value', async () => {\n            specPage = await setupSpecPageWithLoc(\n                {\n                    components: [Q2Loc],\n                    html: '<q2-loc value=\"tecton.element.loc.test\"></q2-loc>',\n                },\n                testStringsDict\n            );\n            locElement = specPage.root;\n\n            expect(locElement.textContent).toEqual('Test String');\n        });\n        it('is set to translated value with substitutions', async () => {\n            specPage = await setupSpecPageWithLoc(\n                {\n                    components: [Q2Loc],\n                    html: '<q2-loc value=\"tecton.element.loc.substitution\"></q2-loc>',\n                },\n                testStringsDict\n            );\n            locClass = specPage.rootInstance;\n            locElement = specPage.root;\n            locClass.substitutions = ['Jane', 'Doe'];\n            await specPage.waitForChanges();\n\n            expect(locElement.textContent).toEqual('Substitution String with Jane and Doe');\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-message/q2-message.js

@@ -57,7 +57,7 @@ export class Q2Message {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: '862e4f7aa7ae624a695ce6727f72ed8759584173', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: '84084e80aac97b4e4e33a2bcf348094cd88279fb', class: "sr" }), h("div", { key: '4a437099dce9df5657a7f5039a55f5b326d2ee58', class: "sr message-label" }, messageLabel), h("div", { key: '8bf021fb84aa6d4973546060acaddae5d059d351', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '1790d7a0df5758d13c8b76577a4703808cddc832' }))));
+        return (h("div", { key: 'ccca9e80908f73482c73f865743e5f7cd6438d99', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: 'a9937495e83a7e0852034c36639d8c60ea3c30ac', class: "sr" }), h("div", { key: 'e650f7ef7c2544e44f63ce7a23f33f04145a7e83', class: "sr message-label" }, messageLabel), h("div", { key: 'daa66069373ac3030fb33dc3c88c0621c91bb6a4', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '464a52a941be194c1267beee2c1b307ece17f964' }))));
     }
     static get is() { return "q2-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-message/q2-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-message.js","sourceRoot":"","sources":["../../../src/components/q2-message/q2-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,SAAS,IAAI,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAG3G,MAAM,OAAO,SAAS;;;0BAiBmB,UAAU;2BAIxB,KAAK;oBAIgC,MAAM;;IAElE,aAAa;IACb,qCAAqC;IAErC,gBAAgB;QACZ,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC;IAED,aAAa;IACb,oBAAoB;IAGpB,aAAa,CAAC,KAAiB;QAC3B,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YAAE,OAAO;QACzD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAc,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;IAC/E,CAAC;IAED,aAAa;IACb,6BAA6B;IAE7B;;OAEG;IAEH,KAAK,CAAC,OAAO;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,SAAS,CAAC,GAAG,EAAE;YACX,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,aAAa;IACb,wBAAwB;IAExB,IAAI,SAAS;QACT,OAAO,cAAc,EAAE,CAAC;IAC5B,CAAC;IAED,WAAW,CAAC,IAAY;QACpB,MAAM,OAAO,GAAG;YACZ,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM;SACf,CAAC;QAEF,MAAM,QAAQ,GAAW,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC;QAEvD,OAAO,CACH,eACI,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,cAAc,GACtB,CACL,CAAC;IACN,CAAC;IAED,aAAa;IACb,yBAAyB;IAEzB,MAAM;QACF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,MAAM,wBAAwB,GAAG,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC;QACjE,MAAM,iBAAiB,GAAG,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC;QAC3D,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,MAAM,YAAY,GAAW,GAAG,CAAC,+BAA+B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QAElG,OAAO,CACH,4DACI,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,eAC5B,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,iBACnC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,mBAC9B,WAAW,IAAI,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,aAClE,kBAAkB;YAEzB,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;YACjE,iBAAiB,IAAI,4DAAK,KAAK,EAAC,IAAI,GAAO;YAC5C,4DAAK,KAAK,EAAC,kBAAkB,IAAE,YAAY,CAAO;YAClD,4DACI,KAAK,EAAC,iBAAiB,iBACV,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAE1D,8DAAQ,CACN,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGJ","sourcesContent":["import { Component, Prop, h, Method, State, Element, Listen } from '@stencil/core';\nimport { isEventFromElement, isFirefox as checkIfFirefox, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-message', shadow: true, styleUrl: 'q2-message.scss' })\nexport class Q2Message {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    presentToggle: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** The visual style of the message. The minimal style is for use cases where you have less space to display information. */\n    @Prop({ reflect: true })\n    appearance: 'minimal' | 'standard' = 'standard';\n\n    /** Determines whether or not assistive technology immediately presents the content to the user, via the `aria-live` attribute. */\n    @Prop({ reflect: true })\n    description: boolean = false;\n\n    /** The type of message to display on the screen. */\n    @Prop({ reflect: true })\n    type: 'info' | 'error' | 'danger' | 'warning' | 'success' = 'info';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.hostElement.shadowRoot.querySelector<HTMLElement>('.message').focus();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Prompts assistive technology to announce the message.\n     */\n    @Method()\n    async present() {\n        const { isFirefox } = this;\n        this.presentToggle = !this.presentToggle;\n        if (!isFirefox) return;\n        nextPaint(() => {\n            this.presentToggle = false;\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isFirefox() {\n        return checkIfFirefox();\n    }\n\n    messageIcon(type: string) {\n        const iconMap = {\n            success: 'success',\n            warning: 'warning',\n            danger: 'error',\n            error: 'error',\n            info: 'info',\n        };\n\n        const iconType: string = iconMap[type] || iconMap.info;\n\n        return (\n            <q2-icon\n                type={iconType}\n                class=\"message-icon\"\n            />\n        );\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { isFirefox } = this;\n        const addAriaHiddenForAriaLive = isFirefox && this.presentToggle;\n        const addDivForAriaLive = !isFirefox && this.presentToggle;\n        const { description } = this;\n        const messageLabel: string = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);\n\n        return (\n            <div\n                tabindex=\"-1\"\n                class=\"message\"\n                role={description ? undefined : 'alert'}\n                aria-live={description ? undefined : 'assertive'}\n                aria-atomic={description ? undefined : 'true'}\n                aria-relevant={description && addAriaHiddenForAriaLive ? undefined : 'all'}\n                test-id=\"messageContainer\"\n            >\n                {this.appearance === 'standard' ? this.messageIcon(this.type) : ''}\n                {addDivForAriaLive && <div class=\"sr\"></div>}\n                <div class=\"sr message-label\">{messageLabel}</div>\n                <div\n                    class=\"message-content\"\n                    aria-hidden={addAriaHiddenForAriaLive ? 'true' : undefined}\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-message.js","sourceRoot":"","sources":["../../../../src/components/q2-message/q2-message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Method, State, Element, Listen } from '@stencil/core';\nimport { isEventFromElement, isFirefox as checkIfFirefox, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-message', shadow: true, styleUrl: 'q2-message.scss' })\nexport class Q2Message {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    presentToggle: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** The visual style of the message. The minimal style is for use cases where you have less space to display information. */\n    @Prop({ reflect: true })\n    appearance: 'minimal' | 'standard' = 'standard';\n\n    /** Determines whether or not assistive technology immediately presents the content to the user, via the `aria-live` attribute. */\n    @Prop({ reflect: true })\n    description: boolean = false;\n\n    /** The type of message to display on the screen. */\n    @Prop({ reflect: true })\n    type: 'info' | 'error' | 'danger' | 'warning' | 'success' = 'info';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.hostElement.shadowRoot.querySelector<HTMLElement>('.message').focus();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Prompts assistive technology to announce the message.\n     */\n    @Method()\n    async present() {\n        const { isFirefox } = this;\n        this.presentToggle = !this.presentToggle;\n        if (!isFirefox) return;\n        nextPaint(() => {\n            this.presentToggle = false;\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isFirefox() {\n        return checkIfFirefox();\n    }\n\n    messageIcon(type: string) {\n        const iconMap = {\n            success: 'success',\n            warning: 'warning',\n            danger: 'error',\n            error: 'error',\n            info: 'info',\n        };\n\n        const iconType: string = iconMap[type] || iconMap.info;\n\n        return (\n            <q2-icon\n                type={iconType}\n                class=\"message-icon\"\n            />\n        );\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { isFirefox } = this;\n        const addAriaHiddenForAriaLive = isFirefox && this.presentToggle;\n        const addDivForAriaLive = !isFirefox && this.presentToggle;\n        const { description } = this;\n        const messageLabel: string = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);\n\n        return (\n            <div\n                tabindex=\"-1\"\n                class=\"message\"\n                role={description ? undefined : 'alert'}\n                aria-live={description ? undefined : 'assertive'}\n                aria-atomic={description ? undefined : 'true'}\n                aria-relevant={description && addAriaHiddenForAriaLive ? undefined : 'all'}\n                test-id=\"messageContainer\"\n            >\n                {this.appearance === 'standard' ? this.messageIcon(this.type) : ''}\n                {addDivForAriaLive && <div class=\"sr\"></div>}\n                <div class=\"sr message-label\">{messageLabel}</div>\n                <div\n                    class=\"message-content\"\n                    aria-hidden={addAriaHiddenForAriaLive ? 'true' : undefined}\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/collection/components/q2-message/test/q2-message-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-message-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-message/test/q2-message-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { setTestStrings, setup, dispatchEvent, getListOfStyleCompilationIssues, evaluateA11y } from '@/utils/helpers';\n\ndescribe('q2-message', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-message></q2-message>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-message')).toHaveLength(0);\n    });\n\n    describe('@Props', () => {\n        describe('type', () => {\n            describe('when omitted', () => {\n                it('defaults to \"info\" type and icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message></q2-message>',\n                    });\n                    const messageElement = await page.find('q2-message');\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageElement.getAttribute('type')).toEqual('info');\n                    expect(await messageIcon.getAttribute('type')).toEqual('info');\n                });\n\n                it('defaults to \"info\" message type label', async () => {\n                    const ariaLabel = 'q2-message aria-label';\n                    const page = await setup({ html: '' });\n                    await setTestStrings(page, {\n                        'tecton.element.message.type.info': ariaLabel,\n                    });\n                    await page.setContent('<q2-message></q2-message>');\n                    await page.waitForChanges();\n                    const typeLabel = await page.find('q2-message >>> .sr.message-label');\n\n                    expect(typeLabel).toEqualText(ariaLabel);\n                });\n            });\n\n            describe('when value is \"success\"', () => {\n                it('renders with \"success\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"success\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('success');\n                });\n\n                it('renders with \"success\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('success');\n                });\n            });\n\n            describe('when value is \"warning\"', () => {\n                it('renders with \"warning\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"warning\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('warning');\n                });\n\n                it('renders with \"warning\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('warning');\n                });\n            });\n\n            describe('when value is \"danger\"', () => {\n                it('renders with \"error\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"danger\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('error');\n                });\n\n                it('renders with \"danger\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('danger');\n                });\n            });\n\n            describe('when value is \"error\"', () => {\n                it('renders with \"error\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"error\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('error');\n                });\n\n                it('renders with \"error\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('error');\n                });\n            });\n        });\n\n        describe('appearance', () => {\n            describe('when value is \"minimal\"', () => {\n                it('does not render icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message appearance=\"minimal\">Hipster script</q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(messageIcon).toBeNull();\n                });\n            });\n\n            describe('when omitted', () => {\n                it('defaults to \"standard\" and renders icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message>Hipster script</q2-message>',\n                    });\n                    const messageElement = await page.find('q2-message');\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageElement.getAttribute('appearance')).toEqual('standard');\n                    expect(messageIcon).toBeDefined();\n                });\n            });\n        });\n\n        describe('description', () => {\n            describe('when provided', () => {\n                it('does not add aria-attributes and role', async () => {\n                    const page = await setup({\n                        html: '<q2-message description>Tony Stark</q2-message>',\n                    });\n                    const messageBlock = await page.find('q2-message >>> .message');\n\n                    expect(await messageBlock.getAttribute('role')).toBeNull();\n                    expect(await messageBlock.getAttribute('aria-live')).toBeNull();\n                    expect(await messageBlock.getAttribute('aria-atomic')).toBeNull();\n                });\n            });\n\n            describe('when omitted', () => {\n                it('adds aria-attributes and role', async () => {\n                    const page = await setup({\n                        html: '<q2-message>Tony Stark</q2-message>',\n                    });\n                    const messageBlock = await page.find('q2-message >>> .message');\n\n                    expect(await messageBlock.getAttribute('role')).toEqual('alert');\n                    expect(await messageBlock.getAttribute('aria-live')).toEqual('assertive');\n                    expect(await messageBlock.getAttribute('aria-atomic')).toEqual('true');\n                    expect(await messageBlock.getAttribute('aria-relevant')).toEqual('all');\n                });\n            });\n        });\n    });\n\n    describe('focus transferring', () => {\n        const html = '<q2-message type=\"info\" appearance=\"standard\">Tony Stark</q2-message>';\n\n        it('focuses when focus event dispatched ', async function (): Promise<void> {\n            const page = await setup({ html });\n            await dispatchEvent(page, ['q2-message'], 'focus');\n            const containsClass = await page.$eval('q2-message', el => {\n                return el.shadowRoot.activeElement.classList.contains('message');\n            });\n            expect(containsClass).toBe(true);\n        });\n\n        it('focuses when focus event method called ', async function (): Promise<void> {\n            const page = await setup({ html });\n            const message = await page.find('q2-message');\n            await message.triggerEvent('focus');\n            await page.waitForChanges();\n            const containsClass = await page.$eval('q2-message', el => {\n                return el.shadowRoot.activeElement.classList.contains('message');\n            });\n            expect(containsClass).toBe(true);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: '<q2-message type=\"success\"></q2-message>',\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n\nasync function expectScreenReaderMessageLabel(type: string): Promise<void> {\n    const page = await setup({\n        html: '<q2-message></q2-message>',\n    });\n    const screenReaderLabel = 'q2-message aria-label';\n    await setTestStrings(page, {\n        [`tecton.element.message.type.${type}`]: screenReaderLabel,\n    });\n    const messageElement = await page.find('q2-message');\n    messageElement.setAttribute('type', type);\n    await page.waitForChanges();\n    const typeLabel = await page.find('q2-message >>> .sr.message-label');\n\n    expect(typeLabel).toEqualText(screenReaderLabel);\n}\n"]}
+{"version":3,"file":"q2-message-test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/q2-message/test/q2-message-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { setTestStrings, setup, dispatchEvent, getListOfStyleCompilationIssues, evaluateA11y } from '@/utils/helpers';\n\ndescribe('q2-message', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-message></q2-message>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-message')).toHaveLength(0);\n    });\n\n    describe('@Props', () => {\n        describe('type', () => {\n            describe('when omitted', () => {\n                it('defaults to \"info\" type and icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message></q2-message>',\n                    });\n                    const messageElement = await page.find('q2-message');\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageElement.getAttribute('type')).toEqual('info');\n                    expect(await messageIcon.getAttribute('type')).toEqual('info');\n                });\n\n                it('defaults to \"info\" message type label', async () => {\n                    const ariaLabel = 'q2-message aria-label';\n                    const page = await setup({ html: '' });\n                    await setTestStrings(page, {\n                        'tecton.element.message.type.info': ariaLabel,\n                    });\n                    await page.setContent('<q2-message></q2-message>');\n                    await page.waitForChanges();\n                    const typeLabel = await page.find('q2-message >>> .sr.message-label');\n\n                    expect(typeLabel).toEqualText(ariaLabel);\n                });\n            });\n\n            describe('when value is \"success\"', () => {\n                it('renders with \"success\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"success\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('success');\n                });\n\n                it('renders with \"success\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('success');\n                });\n            });\n\n            describe('when value is \"warning\"', () => {\n                it('renders with \"warning\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"warning\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('warning');\n                });\n\n                it('renders with \"warning\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('warning');\n                });\n            });\n\n            describe('when value is \"danger\"', () => {\n                it('renders with \"error\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"danger\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('error');\n                });\n\n                it('renders with \"danger\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('danger');\n                });\n            });\n\n            describe('when value is \"error\"', () => {\n                it('renders with \"error\" icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message type=\"error\"></q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageIcon.getAttribute('type')).toEqual('error');\n                });\n\n                it('renders with \"error\" message type label', async () => {\n                    await expectScreenReaderMessageLabel('error');\n                });\n            });\n        });\n\n        describe('appearance', () => {\n            describe('when value is \"minimal\"', () => {\n                it('does not render icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message appearance=\"minimal\">Hipster script</q2-message>',\n                    });\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(messageIcon).toBeNull();\n                });\n            });\n\n            describe('when omitted', () => {\n                it('defaults to \"standard\" and renders icon', async () => {\n                    const page = await setup({\n                        html: '<q2-message>Hipster script</q2-message>',\n                    });\n                    const messageElement = await page.find('q2-message');\n                    const messageIcon = await page.find('q2-message >>> .message-icon');\n\n                    expect(await messageElement.getAttribute('appearance')).toEqual('standard');\n                    expect(messageIcon).toBeDefined();\n                });\n            });\n        });\n\n        describe('description', () => {\n            describe('when provided', () => {\n                it('does not add aria-attributes and role', async () => {\n                    const page = await setup({\n                        html: '<q2-message description>Tony Stark</q2-message>',\n                    });\n                    const messageBlock = await page.find('q2-message >>> .message');\n\n                    expect(await messageBlock.getAttribute('role')).toBeNull();\n                    expect(await messageBlock.getAttribute('aria-live')).toBeNull();\n                    expect(await messageBlock.getAttribute('aria-atomic')).toBeNull();\n                });\n            });\n\n            describe('when omitted', () => {\n                it('adds aria-attributes and role', async () => {\n                    const page = await setup({\n                        html: '<q2-message>Tony Stark</q2-message>',\n                    });\n                    const messageBlock = await page.find('q2-message >>> .message');\n\n                    expect(await messageBlock.getAttribute('role')).toEqual('alert');\n                    expect(await messageBlock.getAttribute('aria-live')).toEqual('assertive');\n                    expect(await messageBlock.getAttribute('aria-atomic')).toEqual('true');\n                    expect(await messageBlock.getAttribute('aria-relevant')).toEqual('all');\n                });\n            });\n        });\n    });\n\n    describe('focus transferring', () => {\n        const html = '<q2-message type=\"info\" appearance=\"standard\">Tony Stark</q2-message>';\n\n        it('focuses when focus event dispatched ', async function (): Promise<void> {\n            const page = await setup({ html });\n            await dispatchEvent(page, ['q2-message'], 'focus');\n            const containsClass = await page.$eval('q2-message', el => {\n                return el.shadowRoot.activeElement.classList.contains('message');\n            });\n            expect(containsClass).toBe(true);\n        });\n\n        it('focuses when focus event method called ', async function (): Promise<void> {\n            const page = await setup({ html });\n            const message = await page.find('q2-message');\n            await message.triggerEvent('focus');\n            await page.waitForChanges();\n            const containsClass = await page.$eval('q2-message', el => {\n                return el.shadowRoot.activeElement.classList.contains('message');\n            });\n            expect(containsClass).toBe(true);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: '<q2-message type=\"success\"></q2-message>',\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n\nasync function expectScreenReaderMessageLabel(type: string): Promise<void> {\n    const page = await setup({\n        html: '<q2-message></q2-message>',\n    });\n    const screenReaderLabel = 'q2-message aria-label';\n    await setTestStrings(page, {\n        [`tecton.element.message.type.${type}`]: screenReaderLabel,\n    });\n    const messageElement = await page.find('q2-message');\n    messageElement.setAttribute('type', type);\n    await page.waitForChanges();\n    const typeLabel = await page.find('q2-message >>> .sr.message-label');\n\n    expect(typeLabel).toEqualText(screenReaderLabel);\n}\n"]}