{"version":3,"file":"table.e2e.js","sourceRoot":"","sources":["../../../../src/components/table/table.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;QAC/C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiCvB,CAAC,CAAC;QACD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;QACvE,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4CrB,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,sBAAsB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,sBAAsB,CAAC,KAAK,EAAE,CAAC;QACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,sBAAsB,CAAC,KAAK,EAAE,CAAC;QACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAClD,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAClD,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA+BR,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { testValidHtml } from \"../../../test-utils/html-validate\";\n\ndescribe(\"table\", () => {\n    it(\"should render the table component\", async () => {\n        const page = await newE2EPage();\n        await page.setContent(`<ux-table></ux-table>`);\n        const tableComponent = await page.find(\"ux-table\");\n        expect(tableComponent).toHaveClass(\"hydrated\");\n    });\n\n    it(\"it has a link in the first column\", async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n        <ux-table sortable>\n          <table>\n            <thead>\n                <tr>\n                    <th scope=\"row\">\n                        <ux-table-sort>Favorite</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Number</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Name</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Year</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">Link</th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr>\n                    <td data-sort=\"1\">\n                        1\n                    </td>\n                    <td>3</td>\n                    <td>TruLaser</td>\n                    <td>2019</td>\n                    <td><a href=\"#\" class=\"ux-button\">Details</a></td>\n                </tr>\n            </tbody>\n          </table>\n        </ux-table>\n      `);\n        await page.waitForChanges();\n        const linksInFirstCell = await page.findAll(`tbody > *:first-child a`);\n        expect(linksInFirstCell.length).toBe(1);\n    });\n\n    it(\"it sorts numerical values correctly\", async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <ux-table sortable>\n                <table>\n                    <thead>\n                        <tr>\n                            <th>\n                                <ux-table-sort\n                                    class=\"sorter-1\"\n                                    numerical\n                                >\n                                    Favorite\n                                </ux-table-sort>\n                            </th>\n                            <th>\n                                <ux-table-sort\n                                    class=\"sorter-2\"\n                                    numerical\n                                >\n                                    Number\n                                </ux-table-sort>\n                            </th>\n                            <th>Link</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        <tr>\n                            <td data-sort=\"1\">Test 1</td>\n                            <td><ux-number-format value=\"45.98\"></ux-number-format></td>\n                        </tr>\n                        <tr>\n                            <td data-sort=\"0\">Test 2</td>\n                            <td><ux-number-format value=\"180.67\"></ux-number-format></td>\n                        </tr>\n                        <tr>\n                            <td data-sort=\"1\">Test 3</td>\n                            <td><ux-number-format value=\"849\"></ux-number-format></td>\n                        </tr>\n                        <tr>\n                            <td data-sort=\"2\">Test 4</td>\n                            <td><ux-number-format value=\"9.01\"></ux-number-format></td>\n                        </tr>\n                    </tbody>\n                </table>\n            </ux-table>\n        `);\n        await page.waitForChanges();\n        const dataAttributeTableSort = await page.find(\".sorter-1\");\n        const textTableSort = await page.find(\".sorter-2\");\n        let firstCell = await page.find(\"td\");\n        let secondCell = await page.find(\"td:nth-of-type(2)\");\n        expect(firstCell.textContent).toBe(\"Test 1\");\n        await dataAttributeTableSort.click();\n        await page.waitForChanges();\n        firstCell = await page.find(\"td\");\n        expect(firstCell.textContent).toBe(\"Test 2\");\n        await dataAttributeTableSort.click();\n        await page.waitForChanges();\n        firstCell = await page.find(\"td\");\n        expect(firstCell.textContent).toBe(\"Test 4\");\n        expect(secondCell.textContent).toBe(\"45.98\");\n        await textTableSort.click();\n        await page.waitForChanges();\n        secondCell = await page.find(\"td:nth-of-type(2)\");\n        expect(secondCell.textContent).toBe(\"9.01\");\n        await textTableSort.click();\n        await page.waitForChanges();\n        secondCell = await page.find(\"td:nth-of-type(2)\");\n        expect(secondCell.textContent).toBe(\"849\");\n    });\n\n    it(\"should render valid html\", async () => {\n        await testValidHtml(`<ux-table sortable>\n          <table>\n            <thead>\n                <tr>\n                    <th scope=\"row\">\n                        <ux-table-sort>Favorite</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Number</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Name</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">\n                        <ux-table-sort>Year</ux-table-sort>\n                    </th>\n                    <th scope=\"row\">Link</th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr>\n                    <td data-sort=\"1\">\n                        1\n                    </td>\n                    <td>3</td>\n                    <td>TruLaser</td>\n                    <td>2019</td>\n                    <td><a href=\"#\" class=\"ux-button\">Details</a></td>\n                </tr>\n            </tbody>\n          </table>\n        </ux-table>`);\n    });\n});\n"]}