q2-tecton-elements 1.47.0 → 1.48.1-alpha.0

package/dist/test/elements/q2-relative-time-test.e2e.js

@@ -102,60 +102,74 @@ describe('q2-relative-time', () => {
     });
     describe('Props', () => {
         describe('baseDate', () => {
-            describe('when date is NOT provided', () => {
-                it('it renders with the default baseDate', async () => {
+            describe('when date prop is NOT provided', () => {
+                it('it displays the default error message', async () => {
                     props = { baseDate: '2020-02-01' };
                     specPage = await createNewSpecPage(props);
-                    expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');
+                    expect(await specPage.root.validDateProp()).toBe(false);
+                    expect(await specPage.root.validBaseDateProp()).toBe(true);
+                    expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');
                 });
             });
-            describe('when valid baseDate AND date are provided', () => {
-                it('renders with provided baseDate', async () => {
-                    props = {
-                        date: '2020-02-01',
-                        baseDate: '2024-05-14',
-                    };
-                    specPage = await createNewSpecPage(props);
-                    expect(specPage.root.baseDate).toBe('2024-05-14');
-                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');
-                });
-                it('trims the suffixes from displayedMessage', async () => {
-                    props = {
-                        date: '2020-02-01',
-                        baseDate: '2024-05-14',
-                    };
-                    specPage = await createNewSpecPage(props);
-                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');
+            describe('when date prop is provided and valid', () => {
+                describe('when baseDate is provided and valid', () => {
+                    it('renders with provided baseDate', async () => {
+                        props = {
+                            date: '2020-02-01',
+                            baseDate: '2024-05-14',
+                        };
+                        specPage = await createNewSpecPage(props);
+                        expect(specPage.root.baseDate).toBe('2024-05-14');
+                        expect(await specPage.root.validDateProp()).toBe(true);
+                        expect(await specPage.root.validBaseDateProp()).toBe(true);
+                        expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');
+                    });
+                    it('trims the suffixes from displayedMessage', async () => {
+                        props = {
+                            date: '2020-02-01',
+                            baseDate: '2024-05-14',
+                        };
+                        specPage = await createNewSpecPage(props);
+                        expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');
+                    });
+                    it('displays only numeric messages', async () => {
+                        props = {
+                            date: '2020-02-01',
+                            baseDate: '2020-02-02',
+                        };
+                        specPage = await createNewSpecPage(props);
+                        expect(await specPage.root.displayedMessageValue()).not.toBe('yesterday');
+                        expect(await specPage.root.displayedMessageValue()).toBe('1 day');
+                    });
                 });
-                it("does not use the provided baseDate if it's invalid", async () => {
-                    props = {
-                        date: '2020-02-01T00:00:00Z',
-                        baseDate: '02-03-2020T00:00:00Z',
-                    };
-                    specPage = await createNewSpecPage(props);
-                    expect(await specPage.root.displayedMessageValue()).not.toBe('2 days ago');
-                });
-                it('displays only numeric messages', async () => {
-                    props = {
-                        date: '2020-02-01',
-                        baseDate: '2020-02-02',
-                    };
-                    specPage = await createNewSpecPage(props);
-                    expect(await specPage.root.displayedMessageValue()).toBe('1 day');
+                describe('when baseDate is provided but invalid', () => {
+                    it('displays error message if the provided baseDate is invalid', async () => {
+                        props = {
+                            date: '2020-02-01T00:00:00Z',
+                            baseDate: '02-03-2020T00:00:00Z',
+                        };
+                        specPage = await createNewSpecPage(props);
+                        expect(await specPage.root.validBaseDateProp()).toBe(false);
+                        expect(await specPage.root.displayedMessageValue()).not.toBe('2 days ago');
+                        expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');
+                    });
                 });
             });
         });
         describe('date', () => {
-            it("does not use the provided date if it's invalid", async () => {
+            it('displays error message if the provided date is invalid', async () => {
                 props = { date: '02-01-2020T00:00:00Z' };
                 specPage = await createNewSpecPage(props);
                 expect(specPage.root.date).not.toBe('2020-02-01T00:00:00');
-                expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');
+                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');
             });
-            it('should render with valid date', async () => {
+            it('Displays a message when valid', async () => {
                 props = { date: '2020-02-01T00:00:00Z' };
                 specPage = await createNewSpecPage(props);
                 expect(specPage.root.date).toBe('2020-02-01T00:00:00Z');
+                expect(await specPage.root.validDateProp()).toBe(true);
+                expect(await specPage.root.displayedMessageValue()).not.toBe('tecton.element.relativeTime.invalidDate');
+                expect(await specPage.root.displayedMessageValue()).toBeTruthy();
             });
         });
         describe('locale', () => {
@@ -239,10 +253,21 @@ describe('q2-relative-time', () => {
                 specPage = await createNewSpecPage(props);
                 expect(specPage.root.sync).toBe(false);
             });
-            it('is automatically disabled if date prop is invalid', async () => {
+            it('is automatically set to false if date prop is invalid', async () => {
                 props = { date: '02-01-2020T00:00:00Z' };
                 specPage = await createNewSpecPage(props);
-                expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');
+                expect(await specPage.root.validDateProp()).toBe(false);
+                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');
+                expect(specPage.root.sync).toBe(false);
+            });
+            it('is automatically set to false if the provided baseDate prop is invalid', async () => {
+                props = {
+                    date: '2020-02-01T00:00:00Z',
+                    baseDate: '02-03-2020T00:00:00Z',
+                };
+                specPage = await createNewSpecPage(props);
+                expect(await specPage.root.validBaseDateProp()).toBe(false);
+                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');
                 expect(specPage.root.sync).toBe(false);
             });
         });

package/dist/test/elements/q2-relative-time-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-relative-time-test.e2e.js","sourceRoot":"","sources":["../../../test/elements/q2-relative-time-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { evaluateA11y, getListOfStyleCompilationIssues, setup } from 'test/helpers';\nimport { Q2RelativeTime } from '../../src/components/q2-relative-time/q2-relative-time';\n\nfunction createNewSpecPage(props: {\n    date?: string;\n    baseDate?: string;\n    sync?: boolean;\n    locale?: string;\n    messageFormat?: string;\n    numeric?: string;\n    unit?: string;\n}) {\n    let htmlProps: string = '';\n    Object.entries(props).forEach(([key, value]) => {\n        switch (key) {\n            case 'date':\n                htmlProps += ` date=${value}`;\n                break;\n            case 'baseDate':\n                htmlProps += ` base-date=${value}`;\n                break;\n            case 'sync':\n                htmlProps += ` sync=\"${value}\"`;\n                break;\n            case 'locale':\n                htmlProps += ` locale=${value}`;\n                break;\n            case 'messageFormat':\n                htmlProps += ` message-format=${value}`;\n                break;\n            case 'numeric':\n                htmlProps += ` numeric=\"${value}\"`;\n                break;\n            case 'unit':\n                htmlProps += ` unit=${value}`;\n                break;\n            default:\n                break;\n        }\n    });\n\n    return newSpecPage({\n        components: [Q2RelativeTime],\n        html: `<q2-relative-time ${htmlProps}></q2-relative-time>`,\n    });\n}\n\ndescribe('q2-relative-time', () => {\n    let specPage: SpecPage;\n    let props: {\n        date?: string;\n        baseDate?: string;\n        sync?: boolean;\n        locale?: string;\n        messageFormat?: string;\n        numeric?: string;\n        unit?: string;\n    };\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-relative-time></q2-relative-time>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-relative-time')).toHaveLength(0);\n    });\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-relative-time date='2020-02-01' />` });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    describe('Configuration', () => {\n        it('renders with minimal configuration', async () => {\n            props = {\n                date: '2020-02-01',\n                baseDate: '2024-05-14',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(specPage.root).toEqualHtml(`\n                <q2-relative-time\n                        date=\"2020-02-01\"\n                        base-date=\"2024-05-14\"\n                        locale=\"en-US\"\n                        message-format=\"short\"\n                        numeric=\"auto\">\n                        <mock:shadow-root>\n                            <time datetime=\"4 yr.\">\n                                4 yr.\n                            </time>\n                        </mock:shadow-root>\n                    </q2-relative-time>\n            `);\n        });\n\n        it('renders with full configuration', async () => {\n            props = {\n                date: '2020-02-01',\n                baseDate: '2024-05-14',\n                sync: false,\n                locale: 'en-US',\n                messageFormat: 'long',\n                numeric: 'always',\n                unit: 'year',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(specPage.root).toEqualHtml(`\n                <q2-relative-time\n                    date=\"2020-02-01\"\n                    base-date=\"2024-05-14\"\n                    sync=\"false\"\n                    locale=\"en-US\"\n                    message-format=\"long\"\n                    numeric=\"always\"\n                    unit=\"year\">\n                    <mock:shadow-root>\n                        <time datetime=\"4 years\">\n                            4 years\n                        </time>\n                    </mock:shadow-root>\n                </q2-relative-time>\n            `);\n        });\n    });\n\n    describe('Props', () => {\n        describe('baseDate', () => {\n            describe('when date is NOT provided', () => {\n                it('it renders with the default baseDate', async () => {\n                    props = { baseDate: '2020-02-01' };\n                    specPage = await createNewSpecPage(props);\n                    expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');\n                });\n            });\n            describe('when valid baseDate AND date are provided', () => {\n                it('renders with provided baseDate', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.baseDate).toBe('2024-05-14');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                });\n                it('trims the suffixes from displayedMessage', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                });\n                it(\"does not use the provided baseDate if it's invalid\", async () => {\n                    props = {\n                        date: '2020-02-01T00:00:00Z',\n                        baseDate: '02-03-2020T00:00:00Z',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(await specPage.root.displayedMessageValue()).not.toBe('2 days ago');\n                });\n                it('displays only numeric messages', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2020-02-02',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(await specPage.root.displayedMessageValue()).toBe('1 day');\n                });\n            });\n        });\n\n        describe('date', () => {\n            it(\"does not use the provided date if it's invalid\", async () => {\n                props = { date: '02-01-2020T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.date).not.toBe('2020-02-01T00:00:00');\n                expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');\n            });\n            it('should render with valid date', async () => {\n                props = { date: '2020-02-01T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.date).toBe('2020-02-01T00:00:00Z');\n            });\n        });\n\n        describe('locale', () => {\n            it('should render with given locale', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    locale: 'fr',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.locale).toBe('fr');\n                expect(await specPage.root.displayedMessageValue()).toBe('il y a 4 a');\n            });\n        });\n\n        describe('messageFormat', () => {\n            describe('long', () => {\n                it('should display the message in long form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'long',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('long');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 years');\n                });\n            });\n            describe('short', () => {\n                it('should display the message in short form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'short',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('short');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                });\n            });\n            describe('narrow', () => {\n                it('should display the message in narrow form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'narrow',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('narrow');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4y');\n                });\n            });\n        });\n\n        describe('numeric', () => {\n            it('is auto by default', async () => {\n                props = {\n                    date: '2020-02-01',\n                    numeric: 'auto',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.numeric).toBe('auto');\n            });\n\n            it('only displays numerical values when set to always', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2020-02-02',\n                    numeric: 'always',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.numeric).toBe('always');\n                expect(await specPage.root.displayedMessageValue()).toBe('1 day');\n            });\n        });\n\n        describe('sync', () => {\n            it('is true by default', async () => {\n                props = { date: '2020-02-01' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.sync).toBe(true);\n            });\n            it('can be set to false', async () => {\n                props = { sync: false };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.sync).toBe(false);\n            });\n            it('is automatically disabled if date prop is invalid', async () => {\n                props = { date: '02-01-2020T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(await specPage.root.displayedMessageValue()).toBe('Invalid Date Provided');\n                expect(specPage.root.sync).toBe(false);\n            });\n        });\n\n        describe('unit', () => {\n            it('forces the message to only use the provided unit', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    unit: 'year',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.unit).toBe('year');\n                expect(await specPage.root.displayedMessageValue()).toContain('yr');\n\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    unit: 'month',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.unit).toBe('month');\n                expect(await specPage.root.displayedMessageValue()).toContain('mo');\n            });\n        });\n    });\n\n    describe('trimSuffix', () => {\n        it('does NOT trim the suffix if baseDate is invalid or not provided', async () => {\n            props = {\n                date: '2020-02-02',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(await specPage.root.displayedMessageValue()).toContain('ago');\n        });\n\n        it('trims the in/ago suffix when valid baseDate is provided', async () => {\n            props = {\n                date: '2020-02-02',\n                baseDate: '2020-02-05',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(await specPage.root.displayedMessageValue()).not.toContain('ago');\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-relative-time-test.e2e.js","sourceRoot":"","sources":["../../../test/elements/q2-relative-time-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { evaluateA11y, getListOfStyleCompilationIssues, setTestStrings, setup } from 'test/helpers';\nimport { Q2RelativeTime } from '../../src/components/q2-relative-time/q2-relative-time';\n\nfunction createNewSpecPage(props: {\n    date?: string;\n    baseDate?: string;\n    sync?: boolean;\n    locale?: string;\n    messageFormat?: string;\n    numeric?: string;\n    unit?: string;\n}) {\n    let htmlProps: string = '';\n    Object.entries(props).forEach(([key, value]) => {\n        switch (key) {\n            case 'date':\n                htmlProps += ` date=${value}`;\n                break;\n            case 'baseDate':\n                htmlProps += ` base-date=${value}`;\n                break;\n            case 'sync':\n                htmlProps += ` sync=\"${value}\"`;\n                break;\n            case 'locale':\n                htmlProps += ` locale=${value}`;\n                break;\n            case 'messageFormat':\n                htmlProps += ` message-format=${value}`;\n                break;\n            case 'numeric':\n                htmlProps += ` numeric=\"${value}\"`;\n                break;\n            case 'unit':\n                htmlProps += ` unit=${value}`;\n                break;\n            default:\n                break;\n        }\n    });\n\n    return newSpecPage({\n        components: [Q2RelativeTime],\n        html: `<q2-relative-time ${htmlProps}></q2-relative-time>`,\n    });\n}\n\ndescribe('q2-relative-time', () => {\n    let specPage: SpecPage;\n    let props: {\n        date?: string;\n        baseDate?: string;\n        sync?: boolean;\n        locale?: string;\n        messageFormat?: string;\n        numeric?: string;\n        unit?: string;\n    };\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-relative-time></q2-relative-time>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-relative-time')).toHaveLength(0);\n    });\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-relative-time date='2020-02-01' />` });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    describe('Configuration', () => {\n        it('renders with minimal configuration', async () => {\n            props = {\n                date: '2020-02-01',\n                baseDate: '2024-05-14',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(specPage.root).toEqualHtml(`\n                <q2-relative-time\n                        date=\"2020-02-01\"\n                        base-date=\"2024-05-14\"\n                        locale=\"en-US\"\n                        message-format=\"short\"\n                        numeric=\"auto\">\n                        <mock:shadow-root>\n                            <time datetime=\"4 yr.\">\n                                4 yr.\n                            </time>\n                        </mock:shadow-root>\n                    </q2-relative-time>\n            `);\n        });\n\n        it('renders with full configuration', async () => {\n            props = {\n                date: '2020-02-01',\n                baseDate: '2024-05-14',\n                sync: false,\n                locale: 'en-US',\n                messageFormat: 'long',\n                numeric: 'always',\n                unit: 'year',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(specPage.root).toEqualHtml(`\n                <q2-relative-time\n                    date=\"2020-02-01\"\n                    base-date=\"2024-05-14\"\n                    sync=\"false\"\n                    locale=\"en-US\"\n                    message-format=\"long\"\n                    numeric=\"always\"\n                    unit=\"year\">\n                    <mock:shadow-root>\n                        <time datetime=\"4 years\">\n                            4 years\n                        </time>\n                    </mock:shadow-root>\n                </q2-relative-time>\n            `);\n        });\n    });\n\n    describe('Props', () => {\n        describe('baseDate', () => {\n            describe('when date prop is NOT provided', () => {\n                it('it displays the default error message', async () => {\n                    props = { baseDate: '2020-02-01' };\n                    specPage = await createNewSpecPage(props);\n                    expect(await specPage.root.validDateProp()).toBe(false);\n                    expect(await specPage.root.validBaseDateProp()).toBe(true);\n                    expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');\n                });\n            });\n            describe('when date prop is provided and valid', () => {\n                describe('when baseDate is provided and valid', () => {\n                    it('renders with provided baseDate', async () => {\n                        props = {\n                            date: '2020-02-01',\n                            baseDate: '2024-05-14',\n                        };\n                        specPage = await createNewSpecPage(props);\n                        expect(specPage.root.baseDate).toBe('2024-05-14');\n                        expect(await specPage.root.validDateProp()).toBe(true);\n                        expect(await specPage.root.validBaseDateProp()).toBe(true);\n                        expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                    });\n                    it('trims the suffixes from displayedMessage', async () => {\n                        props = {\n                            date: '2020-02-01',\n                            baseDate: '2024-05-14',\n                        };\n                        specPage = await createNewSpecPage(props);\n                        expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                    });\n                    it('displays only numeric messages', async () => {\n                        props = {\n                            date: '2020-02-01',\n                            baseDate: '2020-02-02',\n                        };\n                        specPage = await createNewSpecPage(props);\n                        expect(await specPage.root.displayedMessageValue()).not.toBe('yesterday');\n                        expect(await specPage.root.displayedMessageValue()).toBe('1 day');\n                    });\n                });\n                describe('when baseDate is provided but invalid', () => {\n                    it('displays error message if the provided baseDate is invalid', async () => {\n                        props = {\n                            date: '2020-02-01T00:00:00Z',\n                            baseDate: '02-03-2020T00:00:00Z',\n                        };\n                        specPage = await createNewSpecPage(props);\n                        expect(await specPage.root.validBaseDateProp()).toBe(false);\n                        expect(await specPage.root.displayedMessageValue()).not.toBe('2 days ago');\n                        expect(await specPage.root.displayedMessageValue()).toBe(\n                            'tecton.element.relativeTime.invalidDate'\n                        );\n                    });\n                });\n            });\n        });\n\n        describe('date', () => {\n            it('displays error message if the provided date is invalid', async () => {\n                props = { date: '02-01-2020T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.date).not.toBe('2020-02-01T00:00:00');\n                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');\n            });\n            it('Displays a message when valid', async () => {\n                props = { date: '2020-02-01T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.date).toBe('2020-02-01T00:00:00Z');\n                expect(await specPage.root.validDateProp()).toBe(true);\n                expect(await specPage.root.displayedMessageValue()).not.toBe('tecton.element.relativeTime.invalidDate');\n                expect(await specPage.root.displayedMessageValue()).toBeTruthy();\n            });\n        });\n\n        describe('locale', () => {\n            it('should render with given locale', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    locale: 'fr',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.locale).toBe('fr');\n                expect(await specPage.root.displayedMessageValue()).toBe('il y a 4 a');\n            });\n        });\n\n        describe('messageFormat', () => {\n            describe('long', () => {\n                it('should display the message in long form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'long',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('long');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 years');\n                });\n            });\n            describe('short', () => {\n                it('should display the message in short form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'short',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('short');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4 yr.');\n                });\n            });\n            describe('narrow', () => {\n                it('should display the message in narrow form', async () => {\n                    props = {\n                        date: '2020-02-01',\n                        baseDate: '2024-05-14',\n                        messageFormat: 'narrow',\n                    };\n                    specPage = await createNewSpecPage(props);\n                    expect(specPage.root.messageFormat).toBe('narrow');\n                    expect(await specPage.root.displayedMessageValue()).toBe('4y');\n                });\n            });\n        });\n\n        describe('numeric', () => {\n            it('is auto by default', async () => {\n                props = {\n                    date: '2020-02-01',\n                    numeric: 'auto',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.numeric).toBe('auto');\n            });\n\n            it('only displays numerical values when set to always', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2020-02-02',\n                    numeric: 'always',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.numeric).toBe('always');\n                expect(await specPage.root.displayedMessageValue()).toBe('1 day');\n            });\n        });\n\n        describe('sync', () => {\n            it('is true by default', async () => {\n                props = { date: '2020-02-01' };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.sync).toBe(true);\n            });\n            it('can be set to false', async () => {\n                props = { sync: false };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.sync).toBe(false);\n            });\n            it('is automatically set to false if date prop is invalid', async () => {\n                props = { date: '02-01-2020T00:00:00Z' };\n                specPage = await createNewSpecPage(props);\n                expect(await specPage.root.validDateProp()).toBe(false);\n                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');\n                expect(specPage.root.sync).toBe(false);\n            });\n            it('is automatically set to false if the provided baseDate prop is invalid', async () => {\n                props = {\n                    date: '2020-02-01T00:00:00Z',\n                    baseDate: '02-03-2020T00:00:00Z',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(await specPage.root.validBaseDateProp()).toBe(false);\n                expect(await specPage.root.displayedMessageValue()).toBe('tecton.element.relativeTime.invalidDate');\n                expect(specPage.root.sync).toBe(false);\n            });\n        });\n\n        describe('unit', () => {\n            it('forces the message to only use the provided unit', async () => {\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    unit: 'year',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.unit).toBe('year');\n                expect(await specPage.root.displayedMessageValue()).toContain('yr');\n\n                props = {\n                    date: '2020-02-01',\n                    baseDate: '2024-05-14',\n                    unit: 'month',\n                };\n                specPage = await createNewSpecPage(props);\n                expect(specPage.root.unit).toBe('month');\n                expect(await specPage.root.displayedMessageValue()).toContain('mo');\n            });\n        });\n    });\n\n    describe('trimSuffix', () => {\n        it('does NOT trim the suffix if baseDate is invalid or not provided', async () => {\n            props = {\n                date: '2020-02-02',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(await specPage.root.displayedMessageValue()).toContain('ago');\n        });\n\n        it('trims the in/ago suffix when valid baseDate is provided', async () => {\n            props = {\n                date: '2020-02-02',\n                baseDate: '2020-02-05',\n            };\n            specPage = await createNewSpecPage(props);\n            expect(await specPage.root.displayedMessageValue()).not.toContain('ago');\n        });\n    });\n});\n"]}

package/dist/test/elements/q2-select-test.e2e.js

@@ -2141,7 +2141,7 @@ describe('q2-select', () => {
             });
             describe('when input has value', () => {
                 beforeEach(async () => {
-                    await select.setAttribute('value', '2');
+                    select.setAttribute('value', '2');
                     await page.waitForChanges();
                     expect(options[1]).toHaveAttribute('selected');
                     expect(await popover.getProperty('open')).toBe(false);
@@ -2200,13 +2200,17 @@ describe('q2-select', () => {
                 });
             });
             describe('when input is empty', () => {
-                it("clears typed value if dropdown isn't open on Escape", async () => {
-                    await input.focus();
-                    await input.type('Option');
-                    await page.waitForChanges();
-                    expect(await input.getProperty('value')).toEqual('Option');
-                    await input.press('Escape');
-                    expect(await input.getProperty('value')).toEqual('');
+                it('opens the dropdown on Space', async () => {
+                    await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', {
+                        key: ' ',
+                    });
+                    expect(await popover.getProperty('open')).toBe(true);
+                });
+                it('opens the dropdown on Enter', async () => {
+                    await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', {
+                        key: 'Enter',
+                    });
+                    expect(await popover.getProperty('open')).toBe(true);
                 });
                 it('opens the dropdown, and focuses first option on ArrowDown', async () => {
                     await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', {
@@ -2226,20 +2230,47 @@ describe('q2-select', () => {
                     expect(lastOption).toHaveAttribute('active');
                     expect(await getFocusedOptionValue(page)).toEqual(lastOption.getAttribute('value'));
                 });
-                it('searches for option if printable character is pressed', async () => {
-                    const eventData = {
-                        key: 'n',
-                        detail: {
-                            value: 'option 2',
-                        },
-                    };
-                    await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', eventData);
-                    await dispatchEvent(page, ['q2-select', 'q2-input'], 'input', eventData);
-                    await dispatchEvent(page, ['q2-select', 'q2-input'], 'keyup', eventData);
-                    expect(await popover.getProperty('open')).toBe(true);
-                    expect(options[0]).toHaveAttribute('hidden');
-                    expect(options[1]).not.toHaveAttribute('hidden');
-                    expect(options[2]).toHaveAttribute('hidden');
+                it("clears typed value if dropdown isn't open on Escape", async () => {
+                    await input.focus();
+                    await input.type('Option');
+                    await page.waitForChanges();
+                    expect(await input.getProperty('value')).toEqual('Option');
+                    await input.press('Escape');
+                    expect(await input.getProperty('value')).toEqual('');
+                });
+                describe('when printable character is pressed', () => {
+                    it('searches for option', async () => {
+                        const eventData = {
+                            key: 'n',
+                            detail: {
+                                value: 'option 2',
+                            },
+                        };
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', eventData);
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'input', eventData);
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'keyup', eventData);
+                        expect(await popover.getProperty('open')).toBe(true);
+                        expect(options[0]).toHaveAttribute('hidden');
+                        expect(options[1]).not.toHaveAttribute('hidden');
+                        expect(options[2]).toHaveAttribute('hidden');
+                    });
+                    it('enters dropdown on Arrow Down', async () => {
+                        const eventData = {
+                            key: 'n',
+                            detail: {
+                                value: 'option 2',
+                            },
+                        };
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', eventData);
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'input', eventData);
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'keyup', eventData);
+                        expect(await popover.getProperty('open')).toBe(true);
+                        await dispatchEvent(page, ['q2-select', 'q2-input'], 'keydown', {
+                            key: 'ArrowDown',
+                        });
+                        const visibleOption = options[1];
+                        expect(await getFocusedOptionValue(page)).toEqual(visibleOption.getAttribute('value'));
+                    });
                 });
                 describe('when multiple', () => {
                     beforeEach(async () => {