# 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/insurance/insurance-create.spec.ts >> rejects an insurance with a duplicate name @bug - Location: src/manager/tests/e2e/insurance/insurance-create.spec.ts:71:6 # Error details ``` Error: expect(locator).toHaveCountGreaterThan(0) Locator: locator('.v-dialog:has([data-test-id="insurance-create-dialog"]):has(.v-overlay__content:not(.dialog-bottom-transition-enter-active))').locator('.v-input--error') Expected: > 0 Received: 0 ``` # Page snapshot ```yaml - generic [active] [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]: Manager - button [ref=e15] [cursor=pointer]: - img [ref=e16] - list [ref=e19]: - generic [ref=e22]: Dashboard - link "Tasks" [ref=e23] [cursor=pointer]: - /url: /tasks - img [ref=e26] - generic [ref=e29]: Tasks - link "Facility maps" [ref=e30] [cursor=pointer]: - /url: /facility-map - generic [ref=e32]: 󰧾 - generic [ref=e34]: Facility maps - link "Analytics" [ref=e35] [cursor=pointer]: - /url: /dashboard - generic [ref=e37]: 󱖶 - generic [ref=e39]: Analytics - generic [ref=e41]: Sales - link "Bookings" [ref=e42] [cursor=pointer]: - /url: /bookings - generic [ref=e44]: 󰇡 - generic [ref=e46]: Bookings - link "Customers" [ref=e47] [cursor=pointer]: - /url: /customers - generic [ref=e49]: 󰀏 - generic [ref=e51]: Customers - link "Invoices" [ref=e52] [cursor=pointer]: - /url: /invoices - generic [ref=e54]: 󰷉 - generic [ref=e56]: Invoices - link "Credit notes" [ref=e57] [cursor=pointer]: - /url: /credit-notes - img [ref=e60] - generic [ref=e63]: Credit notes - link "Units" [ref=e64] [cursor=pointer]: - /url: /units - generic [ref=e66]: 󰍀 - generic [ref=e68]: Units - generic [ref=e70]: Site management - link "Locations" [ref=e71] [cursor=pointer]: - /url: /locations - generic [ref=e73]: 󰟙 - generic [ref=e75]: Locations - link "Unit types" [ref=e76] [cursor=pointer]: - /url: /unit-types - generic [ref=e78]: 󰆧 - generic [ref=e80]: Unit types - link "Protection Plans" [ref=e81] [cursor=pointer]: - /url: /insurances - generic [ref=e83]: 󰳌 - generic [ref=e85]: Protection Plans - link "Deposits" [ref=e86] [cursor=pointer]: - /url: /deposits - generic [ref=e88]: 󱙆 - generic [ref=e90]: Deposits - link "Products" [ref=e91] [cursor=pointer]: - /url: /products - generic [ref=e93]: 󰄑 - generic [ref=e95]: Products - link "Discounts" [ref=e96] [cursor=pointer]: - /url: /discounts - generic [ref=e98]: 󰓼 - generic [ref=e100]: Discounts - generic [ref=e101]: - option "Emails" [ref=e102] [cursor=pointer]: - generic [ref=e104]: 󰻨 - generic [ref=e106]: Emails - generic [ref=e110]: 󰅀 - text: 󱡰 󰁥 - generic [ref=e112]: Admin - link "Integrations" [ref=e113] [cursor=pointer]: - /url: /connected-apps - generic [ref=e115]: 󱘖 - generic [ref=e117]: Integrations - link "User & Roles" [ref=e118] [cursor=pointer]: - /url: /users - generic [ref=e120]: 󰭘 - generic [ref=e122]: User & Roles - generic [ref=e123]: - option "Booking Portal" [ref=e124] [cursor=pointer]: - generic [ref=e126]: 󱃁 - generic [ref=e128]: Booking Portal - generic [ref=e132]: 󰅀 - text: 󰖟 󰟙 - generic [ref=e133]: - option "JaneAI" [ref=e134] [cursor=pointer]: - generic [ref=e136]: 󱙺 - generic [ref=e138]: JaneAI - generic [ref=e142]: 󰅀 - text: 󱜹 - generic [ref=e144]: Feedback - link "Voting Portal" [ref=e145] [cursor=pointer]: - /url: /voting-portal - generic [ref=e147]: 󰔔 - generic [ref=e149]: Voting Portal - generic [ref=e152]: - button "AS Andreas Stadler andreas.stadler@storeroom.at" [ref=e155] [cursor=pointer]: - generic [ref=e158]: AS - generic [ref=e159]: - generic [ref=e160]: Andreas Stadler - generic "andreas.stadler@storeroom.at" [ref=e161] - generic [ref=e162]: 󰇙 - generic: - text: 󰗊 󰅀 - text: 󰷖 󰍃 - button [ref=e163] [cursor=pointer]: - generic [ref=e165]: 󰋽 - main [ref=e166]: - generic [ref=e168]: - generic [ref=e170]: - generic [ref=e171]: - link "Protection Plan" [ref=e172] [cursor=pointer]: - /url: /insurances - generic [ref=e173]: Protection Plan - generic [ref=e174]: 󰅂 - generic [ref=e175]: Gorgeous Insurance i9ZaEC - button "Actions" [ref=e177] [cursor=pointer]: - generic [ref=e178]: - text: Actions - generic [ref=e179]: 󱨉 - generic [ref=e181]: - generic [ref=e182]: - generic [ref=e184]: - generic [ref=e186]: - heading "General" [level=3] [ref=e188] - link [ref=e190] [cursor=pointer]: - /url: /insurances/1661166278/edit/general - generic [ref=e192]: 󰲶 - table [ref=e195]: - rowgroup [ref=e196]: - row "Name Gorgeous Insurance i9ZaEC" [ref=e197]: - rowheader "Name" [ref=e198] - cell "Gorgeous Insurance i9ZaEC" [ref=e199]: - generic "Gorgeous Insurance i9ZaEC" [ref=e201] - row "Location Vienna South" [ref=e202]: - rowheader "Location" [ref=e203] - cell "Vienna South" [ref=e204]: - generic "Vienna South" [ref=e206] - generic [ref=e207]: - generic [ref=e208]: - generic [ref=e210]: - heading "Booking portal" [level=3] [ref=e212] - link [ref=e214] [cursor=pointer]: - /url: /insurances/1661166278/edit/storefront - generic [ref=e216]: 󰲶 - table [ref=e219]: - rowgroup [ref=e220]: - row "Short description -" [ref=e221]: - rowheader "Short description" [ref=e222] - cell "-" [ref=e223]: - generic [ref=e225]: "-" - generic [ref=e226]: - generic [ref=e228]: - heading "Taxes" [level=3] [ref=e230] - link [ref=e232] [cursor=pointer]: - /url: /insurances/1661166278/edit/tax - generic [ref=e234]: 󰲶 - table [ref=e237]: - rowgroup [ref=e238]: - row "B2C 20%" [ref=e239]: - rowheader "B2C" [ref=e240] - cell "20%" [ref=e241]: - generic "20%" [ref=e243] - row "B2B 20%" [ref=e244]: - rowheader "B2B" [ref=e245] - cell "20%" [ref=e246]: - generic "20%" [ref=e248] - generic [ref=e250]: - generic [ref=e252]: - heading "Booking plan" [level=3] [ref=e254] - link [ref=e256] [cursor=pointer]: - /url: /insurances/1661166278/booking-plan - generic [ref=e258]: 󰐙 - generic [ref=e261]: - generic [ref=e263]: - generic [ref=e266]: - button "Edit price" [disabled] [ref=e270]: - img [ref=e272] - generic [ref=e278]: Edit price - button "Publish" [disabled] [ref=e281]: - generic [ref=e283]: 󰛐 - generic [ref=e284]: Publish - button "Unpublish" [disabled] [ref=e287]: - generic [ref=e289]: 󰛑 - generic [ref=e290]: Unpublish - button "Delete" [disabled] [ref=e294]: - generic [ref=e296]: 󰩺 - generic [ref=e297]: Delete - table [ref=e299]: - rowgroup [ref=e300]: - row "Billing period Discount Price / period (excl. VAT) Period price (excl. VAT) Status Active Bookings Action" [ref=e301]: - columnheader [ref=e302]: - generic [ref=e303]: - checkbox [ref=e304] - generic [ref=e306] [cursor=pointer]: 󰄱 - columnheader "Billing period" [ref=e307]: - button "Billing period" [ref=e308] [cursor=pointer]: - generic [ref=e310]: Billing period - generic [ref=e313]: 󰁝 - columnheader "Discount" [ref=e314]: - button "Discount" [ref=e315] [cursor=pointer]: - generic [ref=e317]: Discount - generic [ref=e320]: 󰁝 - columnheader "Price / period (excl. VAT)" [ref=e321]: - button "Price / period (excl. VAT)" [ref=e322] [cursor=pointer]: - generic [ref=e324]: Price / period (excl. VAT) - generic [ref=e327]: 󰁝 - columnheader "Period price (excl. VAT)" [ref=e328]: - button "Period price (excl. VAT)" [ref=e329] [cursor=pointer]: - generic [ref=e331]: Period price (excl. VAT) - generic [ref=e334]: 󰁝 - columnheader "Status" [ref=e335]: - generic [ref=e338]: Status - columnheader "Active Bookings" [ref=e339]: - button "Active Bookings" [ref=e340] [cursor=pointer]: - generic [ref=e342]: Active Bookings - generic [ref=e345]: 󰁝 - columnheader "Action" [ref=e346]: - generic [ref=e349]: Action - row [ref=e350]: - columnheader [ref=e351] - rowgroup [ref=e352]: - row "1 month 0% €150.00 €150.00 Published 0" [ref=e353]: - cell [ref=e354]: - generic [ref=e355]: - checkbox [ref=e356] - generic [ref=e358] [cursor=pointer]: 󰄱 - cell "1 month" [ref=e359]: - generic [ref=e360]: 1 month - cell "0%" [ref=e361]: - generic [ref=e362]: 0% - cell "€150.00" [ref=e363]: - generic [ref=e364]: €150.00 - cell "€150.00" [ref=e365]: - generic [ref=e366]: €150.00 - cell "Published" [ref=e367]: - generic [ref=e371]: Published - cell "0" [ref=e372]: - generic [ref=e373]: "0" - cell [ref=e374]: - button [ref=e377] [cursor=pointer]: - generic [ref=e379]: 󰇘 - generic: 󰲶 󰩺 - generic [ref=e382]: - generic [ref=e383]: - generic [ref=e384]: "Items per page:" - combobox [ref=e387]: - generic [ref=e389] [cursor=pointer]: - generic [ref=e391]: "5" - combobox "Items per page:": "5" - generic [ref=e393]: 󰍝 - generic [ref=e394]: 1-1 of 1 - generic [ref=e395]: - 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 - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip ``` # Test source ```ts 1 | import { getInsuranceCreateData } from '@/manager/modules/insurance/insurance-factories'; 2 | import { test } from '@/manager/modules/insurance/insurance-fixtures'; 3 | import { insuranceCreateBookingPlanUnhappyTestCases } from '@/manager/modules/insurance/test-cases/insurance-create-booking-plan-unhappy-test-cases'; 4 | import { insuranceCreateHappyTestCases } from '@/manager/modules/insurance/test-cases/insurance-create-happy-test-cases'; 5 | import { insuranceCreateUnhappyTestCases } from '@/manager/modules/insurance/test-cases/insurance-create-unhappy-test-cases'; 6 | import { verifyBookingPlansTable } from '@/manager/modules/ui/booking-plan/booking-plan-assertions'; 7 | import { expectDataTableTextColumnToHaveText } from '@/manager/modules/ui/data-table/data-table-assertions'; 8 | import { insuranceTableColumnTestIds } from '@/manager/modules/ui/data-table/data/data-table-column-test-ids'; 9 | import { verifyTaxCard } from '@/manager/modules/ui/tax/tax-assertions'; 10 | import { expectSingleLocatorToHaveText } from '@/manager/shared/utils/expect-utils'; 11 | import { BookingPlan } from '@/shared/types/booking-plan-types'; 12 | import { expect } from '@/shared/utils/matchers'; 13 | 14 | for (const tc of insuranceCreateHappyTestCases) { 15 | test(tc.description, async ({ insuranceCreateDialog, trackInsuranceForTeardown }) => { 16 | const data = getInsuranceCreateData(tc.options); 17 | const shortDescription = data.shortDescription?.[data.location.customerDefaultLanguage.id]; 18 | 19 | await insuranceCreateDialog.goto(); 20 | 21 | const detailsPage = await test.step('create insurance', () => insuranceCreateDialog.create(data)); 22 | 23 | trackInsuranceForTeardown(detailsPage.getInsuranceId()); 24 | 25 | await test.step('verify new insurance on details page', async () => { 26 | await expectSingleLocatorToHaveText(detailsPage.title, data.name); 27 | await expectSingleLocatorToHaveText(detailsPage.generalCard.name, data.name); 28 | await expectSingleLocatorToHaveText(detailsPage.generalCard.location, data.location.name); 29 | await expectSingleLocatorToHaveText(detailsPage.bookingPortalCard.shortDescription, shortDescription); 30 | await verifyTaxCard(detailsPage.taxCard, data.taxes); 31 | await verifyBookingPlansTable( 32 | detailsPage.bookingPlanCard.dataTable, 33 | data.bookingPlans, 34 | data.location.currency, 35 | 'insurance' 36 | ); 37 | }); 38 | 39 | await test.step('verify new insurance on list page', async () => { 40 | const listPage = await detailsPage.returnToInsuranceListPage(); 41 | 42 | await listPage.searchTextField.fill(data.name); 43 | 44 | await expect(listPage.dataTable.getRows()).toHaveCount(1); 45 | await expect(listPage.dataTable.getRowColumn(0, insuranceTableColumnTestIds.id)).not.toBeEmpty(); 46 | await expectDataTableTextColumnToHaveText(listPage.dataTable, insuranceTableColumnTestIds.name, data.name); 47 | await expectDataTableTextColumnToHaveText( 48 | listPage.dataTable, 49 | insuranceTableColumnTestIds.location, 50 | data.location.name 51 | ); 52 | }); 53 | }); 54 | } 55 | 56 | test('rejects an insurance without all required fields', async ({ insuranceCreateDialog }) => { 57 | const data = getInsuranceCreateData({ bookingPlans: [] }); 58 | 59 | await insuranceCreateDialog.goto(); 60 | 61 | await test.step('submit invalid insurance create form', async () => { 62 | await insuranceCreateDialog.fill(data); 63 | await insuranceCreateDialog.submit(); 64 | }); 65 | 66 | await test.step('verify errors on form', async () => { 67 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); 68 | }); 69 | }); 70 | 71 | test.fail('rejects an insurance with a duplicate name @bug', async ({ createInsurance, insuranceCreateDialog }) => { 72 | const existing = await createInsurance(getInsuranceCreateData()); 73 | const data = getInsuranceCreateData({ name: existing.name }); 74 | 75 | await insuranceCreateDialog.goto(); 76 | 77 | await test.step('submit insurance create form with duplicate name', async () => { 78 | await insuranceCreateDialog.fill(data); 79 | await insuranceCreateDialog.submit(); 80 | }); 81 | 82 | await test.step('verify errors on form', async () => { > 83 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); | ^ Error: expect(locator).toHaveCountGreaterThan(0) 84 | }); 85 | }); 86 | 87 | for (const tc of insuranceCreateUnhappyTestCases) { 88 | test(tc.description, async ({ insuranceCreateDialog }) => { 89 | const data = getInsuranceCreateData(tc.options); 90 | 91 | await insuranceCreateDialog.goto(); 92 | 93 | await test.step('submit invalid insurance create form', async () => { 94 | await insuranceCreateDialog.fill(data); 95 | await insuranceCreateDialog.submit(); 96 | }); 97 | 98 | await test.step('verify errors on form', async () => { 99 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); 100 | }); 101 | }); 102 | } 103 | 104 | for (const tc of insuranceCreateBookingPlanUnhappyTestCases) { 105 | test(tc.description, async ({ insuranceCreateDialog }) => { 106 | await insuranceCreateDialog.goto(); 107 | 108 | await test.step('verify invalid booking plans cannot be added', async () => { 109 | for (const plan of tc.bookingPlans) { 110 | const bookingPlanAddDialog = await insuranceCreateDialog.bookingPlanFieldSet.openBookingPlanAddDialog(); 111 | await bookingPlanAddDialog.fill(plan); 112 | await bookingPlanAddDialog.submit(); 113 | await expect(bookingPlanAddDialog.errors.or(bookingPlanAddDialog.notUniqueSnackbar)).toHaveCountGreaterThan(0); 114 | await bookingPlanAddDialog.cancel(); 115 | await bookingPlanAddDialog.main.waitFor({ state: 'hidden' }); 116 | } 117 | }); 118 | 119 | await test.step('verify booking plans table is empty', async () => { 120 | await expect(insuranceCreateDialog.bookingPlanFieldSet.dataTable.getRows()).toHaveCount(0); 121 | }); 122 | }); 123 | } 124 | 125 | test('rejects an insurance with two booking plans sharing period and amount', async ({ insuranceCreateDialog }) => { 126 | const plan: BookingPlan = { 127 | period: 'weekly', 128 | amount: 1, 129 | priceExclVat: 50, 130 | discount: undefined, 131 | publish: true, 132 | }; 133 | 134 | await insuranceCreateDialog.goto(); 135 | 136 | await test.step('add two duplicate booking plans', () => 137 | insuranceCreateDialog.bookingPlanFieldSet.fill([plan, plan])); 138 | 139 | await test.step('verify errors on form', async () => { 140 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); 141 | }); 142 | }); 143 | ```