# Instructions - Following Playwright test failed. - Explain why, be concise, respect Playwright best practices. - Provide a snippet of code with the fix, if possible. # Test info - Name: src/manager/tests/e2e/customer/customer-edit-general.spec.ts >> edits the note - Location: src/manager/tests/e2e/customer/customer-edit-general.spec.ts:19:7 # Error details ``` Error: expect(locator).toHaveCount(expected) failed Locator: getByTestId('app-page').getByTestId('app-page-content').locator('.ui-data-grid').locator('[data-test-id=ui-data-grid-table]:not(.disabled):not(.loading):not(.fetching)').getByTestId('ui-data-grid-table-with-data').locator('tr') Expected: 1 Received: 8 Timeout: 20000ms Call log: - Expect "toHaveCount" with timeout 20000ms - waiting for getByTestId('app-page').getByTestId('app-page-content').locator('.ui-data-grid').locator('[data-test-id=ui-data-grid-table]:not(.disabled):not(.loading):not(.fetching)').getByTestId('ui-data-grid-table-with-data').locator('tr') 2 × locator resolved to 0 elements - unexpected value "0" 22 × locator resolved to 8 elements - unexpected value "8" ``` # Page snapshot ```yaml - generic [ref=e1]: - generic [ref=e6]: - navigation [ref=e7]: - generic [ref=e9]: - link [ref=e10] [cursor=pointer]: - /url: / - generic [ref=e11]: - generic [ref=e12]: KINNOVIS - generic [ref=e13]: - generic [ref=e14]: Manager - button [ref=e15] [cursor=pointer]: - img [ref=e16] - list [ref=e19]: - generic [ref=e21]: Dashboard - link "Tasks" [ref=e22] [cursor=pointer]: - /url: /tasks - img [ref=e25] - generic [ref=e28]: Tasks - link "Facility maps" [ref=e29] [cursor=pointer]: - /url: /facility-map - generic [ref=e31]: 󰧾 - generic [ref=e33]: Facility maps - link "Analytics" [ref=e34] [cursor=pointer]: - /url: /dashboard - generic [ref=e36]: 󱖶 - generic [ref=e38]: Analytics - generic [ref=e40]: Sales - link "Bookings" [ref=e41] [cursor=pointer]: - /url: /bookings - generic [ref=e43]: 󰇡 - generic [ref=e45]: Bookings - link "Customers" [ref=e46] [cursor=pointer]: - /url: /customers - generic [ref=e48]: 󰀏 - generic [ref=e50]: Customers - link "Invoices" [ref=e51] [cursor=pointer]: - /url: /invoices - generic [ref=e53]: 󰷉 - generic [ref=e55]: Invoices - link "Credit notes" [ref=e56] [cursor=pointer]: - /url: /credit-notes - img [ref=e59] - generic [ref=e62]: Credit notes - link "Units" [ref=e63] [cursor=pointer]: - /url: /units - generic [ref=e65]: 󰍀 - generic [ref=e67]: Units - generic [ref=e69]: Site management - link "Locations" [ref=e70] [cursor=pointer]: - /url: /locations - generic [ref=e72]: 󰟙 - generic [ref=e74]: Locations - link "Unit types" [ref=e75] [cursor=pointer]: - /url: /unit-types - generic [ref=e77]: 󰆧 - generic [ref=e79]: Unit types - link "Protection Plans" [ref=e80] [cursor=pointer]: - /url: /insurances - generic [ref=e82]: 󰳌 - generic [ref=e84]: Protection Plans - link "Deposits" [ref=e85] [cursor=pointer]: - /url: /deposits - generic [ref=e87]: 󱙆 - generic [ref=e89]: Deposits - link "Products" [ref=e90] [cursor=pointer]: - /url: /products - generic [ref=e92]: 󰄑 - generic [ref=e94]: Products - link "Discounts" [ref=e95] [cursor=pointer]: - /url: /discounts - generic [ref=e97]: 󰓼 - generic [ref=e99]: Discounts - generic [ref=e100]: - option "Emails" [ref=e101] [cursor=pointer]: - generic [ref=e103]: 󰻨 - generic [ref=e105]: Emails - generic [ref=e109]: 󰅀 - text: 󱡰 󰁥 - generic [ref=e111]: Admin - link "Integrations" [ref=e112] [cursor=pointer]: - /url: /connected-apps - generic [ref=e114]: 󱘖 - generic [ref=e116]: Integrations - link "User & Roles" [ref=e117] [cursor=pointer]: - /url: /users - generic [ref=e119]: 󰭘 - generic [ref=e121]: User & Roles - generic [ref=e122]: - option "Booking Portal" [ref=e123] [cursor=pointer]: - generic [ref=e125]: 󱃁 - generic [ref=e127]: Booking Portal - generic [ref=e131]: 󰅀 - text: 󰖟 󰟙 - generic [ref=e132]: - option "JaneAI" [ref=e133] [cursor=pointer]: - generic [ref=e135]: 󱙺 - generic [ref=e137]: JaneAI - generic [ref=e141]: 󰅀 - text: 󱜹 - generic [ref=e143]: Feedback - link "Voting Portal" [ref=e144] [cursor=pointer]: - /url: /voting-portal - generic [ref=e146]: 󰔔 - generic [ref=e148]: Voting Portal - generic [ref=e150]: - button "AS Andreas Stadler andreas.stadler@storeroom.at" [ref=e153] [cursor=pointer]: - generic [ref=e156]: AS - generic [ref=e157]: - generic [ref=e158]: Andreas Stadler - generic "andreas.stadler@storeroom.at" [ref=e159] - generic [ref=e160]: 󰇙 - generic: - text: 󰗊 󰅀 - text: 󰷖 󰍃 - button [ref=e161] [cursor=pointer]: - generic [ref=e163]: 󰋽 - main [ref=e164]: - generic [ref=e166]: - generic [ref=e168]: - generic [ref=e170]: Customers - generic [ref=e172]: - link "Create customer" [ref=e173] [cursor=pointer]: - /url: /customers/create - generic [ref=e174]: - generic [ref=e175]: 󰐕 - text: Create customer - button [ref=e176] [cursor=pointer]: - generic [ref=e180]: 󰍝 - generic [ref=e182]: - generic [ref=e184]: - button "Filters Reset filters" [ref=e185] [cursor=pointer]: - generic [ref=e186]: - heading "Filters" [level=3] [ref=e189] - generic [ref=e191]: - button "Reset filters" [ref=e193]: - generic [ref=e194]: - generic [ref=e195]: 󰑐 - text: Reset filters - generic [ref=e199]: 󰅀 - generic [ref=e205]: - generic [ref=e210]: - generic [ref=e212]: 󰍉 - textbox "Search" [active] [ref=e214]: Marta30@yahoo.com - button "Clear Search" [ref=e216] [cursor=pointer]: 󰅙 - generic: - generic: Search - combobox [ref=e220]: - generic [ref=e221]: - generic: Location - combobox "Location" [ref=e223] - button [ref=e225] [cursor=pointer]: 󰍝 - combobox [ref=e229]: - generic [ref=e230]: - generic: Has past due invoice(s) - combobox "Has past due invoice(s)" [ref=e232] - button [ref=e234] [cursor=pointer]: 󰍝 - combobox [ref=e238]: - generic [ref=e239]: - generic: Status - combobox "Status" [ref=e241] - button [ref=e243] [cursor=pointer]: 󰍝 - generic [ref=e245]: - table [ref=e249]: - rowgroup [ref=e250]: - row "Customer no. Name Location(s) Email address Phone number Status Past due invoice(s) Created at" [ref=e251]: - columnheader "Customer no." [ref=e252]: - button "Customer no." [ref=e253] [cursor=pointer]: - generic [ref=e255]: Customer no. - generic [ref=e258]: 󰁝 - columnheader "Name" [ref=e259]: - button "Name" [ref=e260] [cursor=pointer]: - generic [ref=e262]: Name - generic [ref=e265]: 󰁝 - columnheader "Location(s)" [ref=e266]: - button "Location(s)" [ref=e267] [cursor=pointer]: - generic [ref=e269]: Location(s) - generic [ref=e272]: 󰁝 - columnheader "Email address" [ref=e273]: - button "Email address" [ref=e274] [cursor=pointer]: - generic [ref=e276]: Email address - generic [ref=e279]: 󰁝 - columnheader "Phone number" [ref=e280]: - generic [ref=e283]: Phone number - columnheader "Status" [ref=e284]: - button "Status" [ref=e285] [cursor=pointer]: - generic [ref=e287]: Status - generic [ref=e290]: 󰁝 - columnheader "Past due invoice(s)" [ref=e291]: - button "Past due invoice(s)" [ref=e292] [cursor=pointer]: - generic [ref=e294]: Past due invoice(s) - generic [ref=e297]: 󰁝 - columnheader "Created at" [ref=e298]: - button "Created at" [ref=e299] [cursor=pointer]: - generic [ref=e301]: Created at - generic [ref=e304]: 󰁝 - row [ref=e305]: - columnheader [ref=e306] - rowgroup [ref=e307]: - row "8369-0046-2 Nicole Murphy Vienna South marta30@yahoo.com +43 467 7510325 Lead None 25 May 2026" [ref=e308]: - cell "8369-0046-2" [ref=e309]: - link "8369-0046-2" [ref=e310] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e311]: 8369-0046-2 - cell "Nicole Murphy" [ref=e312]: - link "Nicole Murphy" [ref=e313] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e314]: Nicole Murphy - cell "Vienna South" [ref=e315]: - link "Vienna South" [ref=e316] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e320]: Vienna South - cell "marta30@yahoo.com" [ref=e321]: - link "marta30@yahoo.com" [ref=e322] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e325]: marta30@yahoo.com - cell "+43 467 7510325" [ref=e326]: - link "+43 467 7510325" [ref=e327] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e330]: +43 467 7510325 - cell "Lead" [ref=e331]: - link "Lead" [ref=e332] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e335]: Lead - cell "None" [ref=e336]: - link "None" [ref=e337] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e340]: None - cell "25 May 2026" [ref=e341]: - link "25 May 2026" [ref=e342] [cursor=pointer]: - /url: /customers/836900462 - generic [ref=e343]: 25 May 2026 - row "5119-4629 Wisoky Group Vienna South brakus.name@gmail.com +43 87930864946607966 Lead None 25 May 2026" [ref=e344]: - cell "5119-4629" [ref=e345]: - link "5119-4629" [ref=e346] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e347]: 5119-4629 - cell "Wisoky Group" [ref=e348]: - link "Wisoky Group" [ref=e349] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e350]: Wisoky Group - cell "Vienna South" [ref=e351]: - link "Vienna South" [ref=e352] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e356]: Vienna South - cell "brakus.name@gmail.com" [ref=e357]: - link "brakus.name@gmail.com" [ref=e358] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e361]: brakus.name@gmail.com - cell "+43 87930864946607966" [ref=e362]: - link "+43 87930864946607966" [ref=e363] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e366]: +43 87930864946607966 - cell "Lead" [ref=e367]: - link "Lead" [ref=e368] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e371]: Lead - cell "None" [ref=e372]: - link "None" [ref=e373] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e376]: None - cell "25 May 2026" [ref=e377]: - link "25 May 2026" [ref=e378] [cursor=pointer]: - /url: /customers/51194629 - generic [ref=e379]: 25 May 2026 - row "1066-2738-76 Schuster-Morissette Storeroom Innsbruck City 1030 meta.lueilwitz@mcglynn.com +43 83645983064288494 Lead None 25 May 2026" [ref=e380]: - cell "1066-2738-76" [ref=e381]: - link "1066-2738-76" [ref=e382] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e383]: 1066-2738-76 - cell "Schuster-Morissette" [ref=e384]: - link "Schuster-Morissette" [ref=e385] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e386]: Schuster-Morissette - cell "Storeroom Innsbruck City 1030" [ref=e387]: - link "Storeroom Innsbruck City 1030" [ref=e388] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e390]: - generic [ref=e392]: Storeroom Innsbruck - generic [ref=e394]: City 1030 - cell "meta.lueilwitz@mcglynn.com" [ref=e395]: - link "meta.lueilwitz@mcglynn.com" [ref=e396] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e399]: meta.lueilwitz@mcglynn.com - cell "+43 83645983064288494" [ref=e400]: - link "+43 83645983064288494" [ref=e401] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e404]: +43 83645983064288494 - cell "Lead" [ref=e405]: - link "Lead" [ref=e406] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e409]: Lead - cell "None" [ref=e410]: - link "None" [ref=e411] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e414]: None - cell "25 May 2026" [ref=e415]: - link "25 May 2026" [ref=e416] [cursor=pointer]: - /url: /customers/1066273876 - generic [ref=e417]: 25 May 2026 - row "4131-7095-0 Tod Volkman Vienna South simeon.schultz@farrell.biz +43 3306907956512240 Lead None 25 May 2026" [ref=e418]: - cell "4131-7095-0" [ref=e419]: - link "4131-7095-0" [ref=e420] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e421]: 4131-7095-0 - cell "Tod Volkman" [ref=e422]: - link "Tod Volkman" [ref=e423] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e424]: Tod Volkman - cell "Vienna South" [ref=e425]: - link "Vienna South" [ref=e426] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e430]: Vienna South - cell "simeon.schultz@farrell.biz" [ref=e431]: - link "simeon.schultz@farrell.biz" [ref=e432] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e435]: simeon.schultz@farrell.biz - cell "+43 3306907956512240" [ref=e436]: - link "+43 3306907956512240" [ref=e437] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e440]: +43 3306907956512240 - cell "Lead" [ref=e441]: - link "Lead" [ref=e442] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e445]: Lead - cell "None" [ref=e446]: - link "None" [ref=e447] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e450]: None - cell "25 May 2026" [ref=e451]: - link "25 May 2026" [ref=e452] [cursor=pointer]: - /url: /customers/413170950 - generic [ref=e453]: 25 May 2026 - row "1750-6912-50 Cleta Emmerich Vienna North laurie58@hotmail.com +43 30144502578147709 Lead None 25 May 2026" [ref=e454]: - cell "1750-6912-50" [ref=e455]: - link "1750-6912-50" [ref=e456] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e457]: 1750-6912-50 - cell "Cleta Emmerich" [ref=e458]: - link "Cleta Emmerich" [ref=e459] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e460]: Cleta Emmerich - cell "Vienna North" [ref=e461]: - link "Vienna North" [ref=e462] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e466]: Vienna North - cell "laurie58@hotmail.com" [ref=e467]: - link "laurie58@hotmail.com" [ref=e468] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e471]: laurie58@hotmail.com - cell "+43 30144502578147709" [ref=e472]: - link "+43 30144502578147709" [ref=e473] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e476]: +43 30144502578147709 - cell "Lead" [ref=e477]: - link "Lead" [ref=e478] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e481]: Lead - cell "None" [ref=e482]: - link "None" [ref=e483] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e486]: None - cell "25 May 2026" [ref=e487]: - link "25 May 2026" [ref=e488] [cursor=pointer]: - /url: /customers/1750691250 - generic [ref=e489]: 25 May 2026 - row "9055-3501-9 Reyna Rogahn Storeroom Innsbruck City 1030 fgleichner@barrows.com +43 97463362904630046 Lead None 25 May 2026" [ref=e490]: - cell "9055-3501-9" [ref=e491]: - link "9055-3501-9" [ref=e492] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e493]: 9055-3501-9 - cell "Reyna Rogahn" [ref=e494]: - link "Reyna Rogahn" [ref=e495] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e496]: Reyna Rogahn - cell "Storeroom Innsbruck City 1030" [ref=e497]: - link "Storeroom Innsbruck City 1030" [ref=e498] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e500]: - generic [ref=e502]: Storeroom Innsbruck - generic [ref=e504]: City 1030 - cell "fgleichner@barrows.com" [ref=e505]: - link "fgleichner@barrows.com" [ref=e506] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e509]: fgleichner@barrows.com - cell "+43 97463362904630046" [ref=e510]: - link "+43 97463362904630046" [ref=e511] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e514]: +43 97463362904630046 - cell "Lead" [ref=e515]: - link "Lead" [ref=e516] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e519]: Lead - cell "None" [ref=e520]: - link "None" [ref=e521] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e524]: None - cell "25 May 2026" [ref=e525]: - link "25 May 2026" [ref=e526] [cursor=pointer]: - /url: /customers/905535019 - generic [ref=e527]: 25 May 2026 - row "1967-6573-73 Amira Rosenbaum Vienna North dangelo.fadel@hotmail.com +43 49472911308958626 Lead None 25 May 2026" [ref=e528]: - cell "1967-6573-73" [ref=e529]: - link "1967-6573-73" [ref=e530] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e531]: 1967-6573-73 - cell "Amira Rosenbaum" [ref=e532]: - link "Amira Rosenbaum" [ref=e533] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e534]: Amira Rosenbaum - cell "Vienna North" [ref=e535]: - link "Vienna North" [ref=e536] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e540]: Vienna North - cell "dangelo.fadel@hotmail.com" [ref=e541]: - link "dangelo.fadel@hotmail.com" [ref=e542] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e545]: dangelo.fadel@hotmail.com - cell "+43 49472911308958626" [ref=e546]: - link "+43 49472911308958626" [ref=e547] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e550]: +43 49472911308958626 - cell "Lead" [ref=e551]: - link "Lead" [ref=e552] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e555]: Lead - cell "None" [ref=e556]: - link "None" [ref=e557] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e560]: None - cell "25 May 2026" [ref=e561]: - link "25 May 2026" [ref=e562] [cursor=pointer]: - /url: /customers/1967657373 - generic [ref=e563]: 25 May 2026 - row "5614-6585-7 Leonard Tillman Storeroom Innsbruck City 1030 haag.wilburn@schimmel.com +43 30033283518336350 Lead None 25 May 2026" [ref=e564]: - cell "5614-6585-7" [ref=e565]: - link "5614-6585-7" [ref=e566] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e567]: 5614-6585-7 - cell "Leonard Tillman" [ref=e568]: - link "Leonard Tillman" [ref=e569] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e570]: Leonard Tillman - cell "Storeroom Innsbruck City 1030" [ref=e571]: - link "Storeroom Innsbruck City 1030" [ref=e572] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e574]: - generic [ref=e576]: Storeroom Innsbruck - generic [ref=e578]: City 1030 - cell "haag.wilburn@schimmel.com" [ref=e579]: - link "haag.wilburn@schimmel.com" [ref=e580] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e583]: haag.wilburn@schimmel.com - cell "+43 30033283518336350" [ref=e584]: - link "+43 30033283518336350" [ref=e585] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e588]: +43 30033283518336350 - cell "Lead" [ref=e589]: - link "Lead" [ref=e590] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e593]: Lead - cell "None" [ref=e594]: - link "None" [ref=e595] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e598]: None - cell "25 May 2026" [ref=e599]: - link "25 May 2026" [ref=e600] [cursor=pointer]: - /url: /customers/561465857 - generic [ref=e601]: 25 May 2026 - generic [ref=e604]: - generic [ref=e605]: - generic [ref=e606]: "Items per page:" - combobox [ref=e609]: - generic [ref=e611] [cursor=pointer]: - generic [ref=e613]: "10" - combobox "Items per page:": "10" - generic [ref=e615]: 󰍝 - generic [ref=e616]: 1-8 of 8 - generic [ref=e617]: - button [disabled]: - generic: - generic: 󰘀 - button [disabled]: - generic: - generic: 󰅁 - button [disabled]: - generic: - generic: 󰅂 - button [disabled]: - generic: - generic: 󰘁 - generic: - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip ``` # Test source ```ts 1 | import { faker } from '@faker-js/faker'; 2 | import { getCustomerCreateData, getCustomerPhone } from '@/manager/modules/customer/customer-factories'; 3 | import { test } from '@/manager/modules/customer/customer-fixtures'; 4 | import { applyCustomerEditGeneral } from '@/manager/modules/customer/customer-mappers'; 5 | import { formatCustomerName } from '@/manager/modules/customer/customer-utils'; 6 | import { customerEditGeneralHappyTestCases } from '@/manager/modules/customer/test-cases/customer-edit-general-happy-test-cases'; 7 | import { 8 | expectDataTableChipsColumnToHaveText, 9 | expectDataTableTextColumnToHaveText, 10 | } from '@/manager/modules/ui/data-table/data-table-assertions'; 11 | import { customerTableColumnTestIds } from '@/manager/modules/ui/data-table/data/data-table-column-test-ids'; 12 | import { expectMultiLocatorToHaveText, expectSingleLocatorToHaveText } from '@/manager/shared/utils/expect-utils'; 13 | import { countries } from '@/shared/data/seed-countries'; 14 | import { vatTypes } from '@/shared/data/seed-vat-types'; 15 | import { formatAddress, formatDate, formatId, formatPhone } from '@/shared/utils/formatters'; 16 | import { expect } from '@/shared/utils/matchers'; 17 | 18 | for (const tc of customerEditGeneralHappyTestCases) { 19 | test(tc.description, async ({ createCustomer, customerDetailsPage }) => { 20 | const customer = await createCustomer(getCustomerCreateData(tc.initialOptions)); 21 | const newCustomer = applyCustomerEditGeneral(customer, tc.changes); 22 | const customerFullName = formatCustomerName(newCustomer.firstName, newCustomer.lastName); 23 | const customerTitle = newCustomer.type === 'business' ? newCustomer.companyName : customerFullName; 24 | const customerPhone = formatPhone(newCustomer.phone); 25 | const customerAddress = formatAddress( 26 | newCustomer.street, 27 | newCustomer.postalCode, 28 | newCustomer.city, 29 | newCustomer.country.name 30 | ); 31 | const customerId = formatId(newCustomer.id, '-', 4); 32 | const customerCreatedAt = formatDate(newCustomer.createdAt); 33 | const customerLocationNames = newCustomer.locations.map((l) => l.name); 34 | 35 | await customerDetailsPage.goto(customer.id); 36 | 37 | const newDetailsPage = await test.step('edit customer general', async () => { 38 | const dialog = await customerDetailsPage.openCustomerEditGeneralDialog(); 39 | return dialog.edit(tc.changes); 40 | }); 41 | 42 | await test.step('verify new customer on details page', async () => { 43 | await expectSingleLocatorToHaveText(newDetailsPage.title, customerTitle); 44 | await expectSingleLocatorToHaveText(newDetailsPage.status, newCustomer.status); 45 | await expectMultiLocatorToHaveText(newDetailsPage.generalCard.locations, customerLocationNames); 46 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.type, newCustomer.type); 47 | 48 | if (newCustomer.type === 'business') { 49 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.companyName, newCustomer.companyName); 50 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.vatType, newCustomer.vatType?.name); 51 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.vatNumber, newCustomer.vatNumber); 52 | } else { 53 | await expect(newDetailsPage.generalCard.companyName).toBeHidden(); 54 | await expect(newDetailsPage.generalCard.vatType).toBeHidden(); 55 | await expect(newDetailsPage.generalCard.vatNumber).toBeHidden(); 56 | } 57 | 58 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.name, customerFullName); 59 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.email, newCustomer.email); 60 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.phoneNumber, customerPhone); 61 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.language, newCustomer.language.id); 62 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.address, customerAddress); 63 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.note, newCustomer.note); 64 | }); 65 | 66 | await test.step('verify new customer on list page', async () => { 67 | const listPage = await newDetailsPage.returnToCustomerListPage(); 68 | 69 | await listPage.searchTextField.fill(newCustomer.email); 70 | > 71 | await expect(listPage.dataTable.getRows()).toHaveCount(1); | ^ Error: expect(locator).toHaveCount(expected) failed 72 | await expectDataTableTextColumnToHaveText(listPage.dataTable, customerTableColumnTestIds.id, customerId); 73 | await expectDataTableTextColumnToHaveText(listPage.dataTable, customerTableColumnTestIds.name, customerTitle); 74 | await expectDataTableChipsColumnToHaveText( 75 | listPage.dataTable, 76 | customerTableColumnTestIds.locations, 77 | customerLocationNames 78 | ); 79 | await expectDataTableTextColumnToHaveText( 80 | listPage.dataTable, 81 | customerTableColumnTestIds.email, 82 | newCustomer.email 83 | ); 84 | await expectDataTableTextColumnToHaveText( 85 | listPage.dataTable, 86 | customerTableColumnTestIds.phoneNumber, 87 | customerPhone 88 | ); 89 | await expectDataTableChipsColumnToHaveText( 90 | listPage.dataTable, 91 | customerTableColumnTestIds.status, 92 | newCustomer.status 93 | ); 94 | await expectDataTableTextColumnToHaveText( 95 | listPage.dataTable, 96 | customerTableColumnTestIds.createdAt, 97 | customerCreatedAt 98 | ); 99 | }); 100 | }); 101 | } 102 | 103 | test('edits the email', async ({ createCustomer, customerDetailsPage }) => { 104 | const customer = await createCustomer(getCustomerCreateData()); 105 | const newEmail = faker.internet.email(); 106 | 107 | await customerDetailsPage.goto(customer.id); 108 | 109 | const newDetailsPage = await test.step('edit customer email', async () => { 110 | const dialog = await customerDetailsPage.openCustomerEditGeneralDialog(); 111 | return dialog.edit({ email: newEmail }); 112 | }); 113 | 114 | await test.step('verify new email on details page', async () => { 115 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.email, newEmail); 116 | }); 117 | 118 | await test.step('verify new email on list page', async () => { 119 | const listPage = await newDetailsPage.returnToCustomerListPage(); 120 | await listPage.searchTextField.fill(newEmail); 121 | await expect(listPage.dataTable.getRows()).toHaveCount(1); 122 | }); 123 | }); 124 | 125 | test('edits the phone number', async ({ createCustomer, customerDetailsPage }) => { 126 | const customer = await createCustomer(getCustomerCreateData()); 127 | const newCountry = countries.BR; 128 | const newPhone = getCustomerPhone(newCountry); 129 | const formattedNewPhone = formatPhone(newPhone); 130 | 131 | await customerDetailsPage.goto(customer.id); 132 | 133 | const newDetailsPage = await test.step('edit customer phone number', async () => { 134 | const dialog = await customerDetailsPage.openCustomerEditGeneralDialog(); 135 | return dialog.edit({ phone: newPhone, country: newCountry }); 136 | }); 137 | 138 | await test.step('verify new phone number on details page', async () => { 139 | await expectSingleLocatorToHaveText(newDetailsPage.generalCard.phoneNumber, formattedNewPhone); 140 | }); 141 | 142 | await test.step('verify new phone number on list page', async () => { 143 | const listPage = await newDetailsPage.returnToCustomerListPage(); 144 | await listPage.searchTextField.fill(formattedNewPhone); 145 | await expect(listPage.dataTable.getRows()).toHaveCount(1); 146 | }); 147 | }); 148 | 149 | test('rejects an edit with a duplicate email', async ({ createCustomer, customerDetailsPage }) => { 150 | const existing = await createCustomer(getCustomerCreateData()); 151 | const editing = await createCustomer(getCustomerCreateData()); 152 | 153 | await customerDetailsPage.goto(editing.id); 154 | 155 | const dialog = await test.step('submit edit with duplicate email', async () => { 156 | const editDialog = await customerDetailsPage.openCustomerEditGeneralDialog(); 157 | await editDialog.fill({ email: existing.email }); 158 | await editDialog.submit(); 159 | return editDialog; 160 | }); 161 | 162 | await test.step('verify errors on form', async () => { 163 | await expect(dialog.errors).toHaveCountGreaterThan(0); 164 | }); 165 | }); 166 | 167 | test('rejects an edit with a duplicate phone number', async ({ createCustomer, customerDetailsPage }) => { 168 | const existing = await createCustomer(getCustomerCreateData()); 169 | const editing = await createCustomer(getCustomerCreateData()); 170 | 171 | await customerDetailsPage.goto(editing.id); ```