# 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:69: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] - list [ref=e19]: - generic [ref=e21]: Dashboard - link "Tasks" [ref=e23] [cursor=pointer]: - /url: /tasks - link "Facility maps" [ref=e30] [cursor=pointer]: - /url: /facility-map - generic [ref=e31]: 󰧾 - link "Analytics" [ref=e35] [cursor=pointer]: - /url: /dashboard - generic [ref=e36]: 󱖶 - generic [ref=e40]: Sales - link "Bookings" [ref=e42] [cursor=pointer]: - /url: /bookings - generic [ref=e43]: 󰇡 - link "Customers" [ref=e47] [cursor=pointer]: - /url: /customers - generic [ref=e48]: 󰀏 - link "Invoices" [ref=e52] [cursor=pointer]: - /url: /invoices - generic [ref=e53]: 󰷉 - link "Credit notes" [ref=e57] [cursor=pointer]: - /url: /credit-notes - link "Units" [ref=e64] [cursor=pointer]: - /url: /units - generic [ref=e65]: 󰍀 - generic [ref=e69]: Site management - link "Locations" [ref=e71] [cursor=pointer]: - /url: /locations - generic [ref=e72]: 󰟙 - link "Unit types" [ref=e76] [cursor=pointer]: - /url: /unit-types - generic [ref=e77]: 󰆧 - link "Protection Plans" [ref=e81] [cursor=pointer]: - /url: /insurances - generic [ref=e82]: 󰳌 - link "Deposits" [ref=e86] [cursor=pointer]: - /url: /deposits - generic [ref=e87]: 󱙆 - link "Products" [ref=e91] [cursor=pointer]: - /url: /products - generic [ref=e92]: 󰄑 - link "Discounts" [ref=e96] [cursor=pointer]: - /url: /discounts - generic [ref=e97]: 󰓼 - generic [ref=e101]: - option "Emails" [ref=e102] [cursor=pointer]: - generic [ref=e103]: 󰻨 - generic [ref=e107]: 󰅀 - text: 󱡰 󰁥 - generic [ref=e111]: Admin - link "Integrations" [ref=e113] [cursor=pointer]: - /url: /connected-apps - generic [ref=e114]: 󱘖 - link "User & Roles" [ref=e118] [cursor=pointer]: - /url: /users - generic [ref=e119]: 󰭘 - generic [ref=e123]: - option "Booking Portal" [ref=e124] [cursor=pointer]: - generic [ref=e125]: 󱃁 - generic [ref=e129]: 󰅀 - text: 󰖟 󰟙 - link "Public API" [ref=e133] [cursor=pointer]: - /url: /public-api - generic [ref=e134]: 󱂛 - generic [ref=e138]: Feedback - link "Voting Portal" [ref=e140] [cursor=pointer]: - /url: /voting-portal - generic [ref=e141]: 󰔔 - generic [ref=e147]: - button "AS Andreas Stadler andreas.stadler@storeroom.at" [ref=e150] [cursor=pointer]: - generic [ref=e151]: AS - generic [ref=e154]: - generic [ref=e155]: Andreas Stadler - generic "andreas.stadler@storeroom.at" [ref=e156] - generic [ref=e157]: 󰇙 - generic: 󰗊 󰅀 󰷖 󰍃 - button [ref=e158] [cursor=pointer]: - generic [ref=e159]: 󰋽 - main [ref=e161]: - generic [ref=e163]: - generic [ref=e165]: - generic [ref=e166]: - link "Protection Plan" [ref=e167] [cursor=pointer]: - /url: /insurances - generic [ref=e169]: 󰅂 - generic [ref=e170]: Awesome Insurance SghtvK - button [ref=e172] [cursor=pointer]: - generic [ref=e173]: - text: Actions - generic [ref=e174]: 󱨉 - generic [ref=e176]: - generic [ref=e177]: - generic [ref=e179]: - generic [ref=e181]: - heading "General" [level=3] [ref=e183] - link [ref=e185] [cursor=pointer]: - /url: /insurances/186935371/edit/general - generic [ref=e186]: 󰲶 - table [ref=e190]: - rowgroup [ref=e191]: - row [ref=e192]: - rowheader "Name" [ref=e193] - cell "Awesome Insurance SghtvK" [ref=e194]: - generic "Awesome Insurance SghtvK" [ref=e196] - row [ref=e197]: - rowheader "Location" [ref=e198] - cell "Vienna South" [ref=e199]: - generic "Vienna South" [ref=e201] - generic [ref=e202]: - generic [ref=e203]: - generic [ref=e205]: - heading "Booking portal" [level=3] [ref=e207] - link [ref=e209] [cursor=pointer]: - /url: /insurances/186935371/edit/storefront - generic [ref=e210]: 󰲶 - table [ref=e214]: - rowgroup [ref=e215]: - row [ref=e216]: - rowheader "Short description" [ref=e217] - cell "-" [ref=e218] - generic [ref=e221]: - generic [ref=e223]: - heading "Taxes" [level=3] [ref=e225] - link [ref=e227] [cursor=pointer]: - /url: /insurances/186935371/edit/tax - generic [ref=e228]: 󰲶 - table [ref=e232]: - rowgroup [ref=e233]: - row [ref=e234]: - rowheader "B2C" [ref=e235] - cell "20%" [ref=e236]: - generic "20%" [ref=e238] - row [ref=e239]: - rowheader "B2B" [ref=e240] - cell "20%" [ref=e241]: - generic "20%" [ref=e243] - generic [ref=e245]: - generic [ref=e247]: - heading "Booking plan" [level=3] [ref=e249] - link [ref=e251] [cursor=pointer]: - /url: /insurances/186935371/booking-plan - generic [ref=e252]: 󰐙 - generic [ref=e256]: - generic [ref=e258]: - generic [ref=e261]: - button "Edit price" [disabled] [ref=e265] - button "Publish" [disabled] [ref=e276]: - generic [ref=e277]: 󰛐 - button "Unpublish" [disabled] [ref=e282]: - generic [ref=e283]: 󰛑 - button "Delete" [disabled] [ref=e289]: - generic [ref=e290]: 󰩺 - table [ref=e294]: - rowgroup [ref=e295]: - row [ref=e296]: - columnheader [ref=e297]: - generic [ref=e298]: - checkbox [ref=e299] - generic [ref=e300] [cursor=pointer]: 󰄱 - columnheader [ref=e302]: - button "Billing period" [ref=e303] [cursor=pointer]: - generic [ref=e306]: 󰁝 - columnheader [ref=e309]: - button "Discount" [ref=e310] [cursor=pointer]: - generic [ref=e313]: 󰁝 - columnheader [ref=e316]: - button "Price / period (excl. VAT)" [ref=e317] [cursor=pointer]: - generic [ref=e320]: 󰁝 - columnheader [ref=e323]: - button "Period price (excl. VAT)" [ref=e324] [cursor=pointer]: - generic [ref=e327]: 󰁝 - columnheader "Status" [ref=e330] - columnheader [ref=e334]: - button "Active Bookings" [ref=e335] [cursor=pointer]: - generic [ref=e338]: 󰁝 - columnheader "Action" [ref=e341] - row [ref=e345]: - columnheader [ref=e346] - rowgroup [ref=e347]: - row [ref=e348]: - cell [ref=e349]: - generic [ref=e350]: - checkbox [ref=e351] - generic [ref=e352] [cursor=pointer]: 󰄱 - cell "1 month" [ref=e354] - cell "0%" [ref=e356] - cell "€150.00" [ref=e358] - cell "€150.00" [ref=e360] - cell "Published" [ref=e362] - cell "0" [ref=e367] - cell [ref=e369]: - button [ref=e372] [cursor=pointer]: - generic [ref=e373]: 󰇘 - generic: 󰲶 󰩺 - generic [ref=e377]: - generic [ref=e378]: - generic [ref=e379]: "Items per page:" - combobox [ref=e382]: - generic [ref=e384] [cursor=pointer]: - generic [ref=e385]: "5" - combobox "Items per page:": "5" - generic [ref=e387]: 󰍝 - generic [ref=e389]: 1-1 of 1 - generic [ref=e390]: - button [disabled]: - generic: 󰘀 - button [disabled]: - generic: 󰅁 - button [disabled]: - generic: 󰅂 - button [disabled]: - 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 ``` # Test source ```ts 1 | import { getInsuranceCreateData } from '@/manager/modules/insurance/insurance-factories'; 2 | import { test } from '@/manager/modules/insurance/insurance-fixtures'; 3 | import { insuranceCreateHappyTestCases } from '@/manager/modules/insurance/test-cases/insurance-create-happy-test-cases'; 4 | import { verifyBookingPlansTable } from '@/manager/modules/ui/booking-plan/booking-plan-assertions'; 5 | import { expectDataTableTextColumnToHaveText } from '@/manager/modules/ui/data-table/data-table-assertions'; 6 | import { insuranceTableColumnTestIds } from '@/manager/modules/ui/data-table/data/data-table-column-test-ids'; 7 | import { verifyTaxCard } from '@/manager/modules/ui/tax/tax-assertions'; 8 | import { expectSingleLocatorToHaveText } from '@/manager/shared/utils/expect-utils'; 9 | import { BookingPlan } from '@/shared/types/booking-plan-types'; 10 | import { expect } from '@/shared/utils/matchers'; 11 | 12 | for (const tc of insuranceCreateHappyTestCases) { 13 | test(tc.description, async ({ insuranceCreateDialog, trackInsuranceForTeardown }) => { 14 | const data = getInsuranceCreateData(tc.options); 15 | const shortDescription = data.shortDescription?.[data.location.customerDefaultLanguage.id]; 16 | 17 | await insuranceCreateDialog.goto(); 18 | 19 | const detailsPage = await test.step('create insurance', () => insuranceCreateDialog.create(data)); 20 | 21 | trackInsuranceForTeardown(detailsPage.getInsuranceId()); 22 | 23 | await test.step('verify new insurance on details page', async () => { 24 | await expectSingleLocatorToHaveText(detailsPage.title, data.name); 25 | await expectSingleLocatorToHaveText(detailsPage.generalCard.name, data.name); 26 | await expectSingleLocatorToHaveText(detailsPage.generalCard.location, data.location.name); 27 | await expectSingleLocatorToHaveText(detailsPage.bookingPortalCard.shortDescription, shortDescription); 28 | await verifyTaxCard(detailsPage.taxCard, data.taxes); 29 | await verifyBookingPlansTable( 30 | detailsPage.bookingPlanCard.dataTable, 31 | data.bookingPlans, 32 | data.location.currency, 33 | 'insurance' 34 | ); 35 | }); 36 | 37 | await test.step('verify new insurance on list page', async () => { 38 | const listPage = await detailsPage.returnToInsuranceListPage(); 39 | 40 | await listPage.searchTextField.fill(data.name); 41 | 42 | await expect(listPage.dataTable.getRows()).toHaveCount(1); 43 | await expect(listPage.dataTable.getRowColumnByIndex(0, insuranceTableColumnTestIds.id)).not.toBeEmpty(); 44 | await expectDataTableTextColumnToHaveText(listPage.dataTable, insuranceTableColumnTestIds.name, data.name); 45 | await expectDataTableTextColumnToHaveText( 46 | listPage.dataTable, 47 | insuranceTableColumnTestIds.location, 48 | data.location.name 49 | ); 50 | }); 51 | }); 52 | } 53 | 54 | test('rejects an insurance without all required fields', async ({ insuranceCreateDialog }) => { 55 | const data = getInsuranceCreateData({ bookingPlans: [] }); 56 | 57 | await insuranceCreateDialog.goto(); 58 | 59 | await test.step('submit invalid form', async () => { 60 | await insuranceCreateDialog.fill(data); 61 | await insuranceCreateDialog.submit(); 62 | }); 63 | 64 | await test.step('verify errors on form', async () => { 65 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); 66 | }); 67 | }); 68 | 69 | test.fail('rejects an insurance with a duplicate name @bug', async ({ createInsurance, insuranceCreateDialog }) => { 70 | const existing = await createInsurance(getInsuranceCreateData()); 71 | const data = getInsuranceCreateData({ name: existing.name }); 72 | 73 | await insuranceCreateDialog.goto(); 74 | 75 | await test.step('submit invalid form', async () => { 76 | await insuranceCreateDialog.fill(data); 77 | await insuranceCreateDialog.submit(); 78 | }); 79 | 80 | await test.step('verify errors on form', async () => { > 81 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); | ^ Error: expect(locator).toHaveCountGreaterThan(0) 82 | }); 83 | }); 84 | 85 | test('rejects an insurance with duplicate booking plans', async ({ insuranceCreateDialog }) => { 86 | const data = getInsuranceCreateData({ 87 | bookingPlans: [ 88 | { period: 'weekly', amount: 17, priceExclVat: 50, discount: undefined, publish: true }, 89 | { period: 'monthly', amount: 3, priceExclVat: 50, discount: 10, publish: true }, 90 | { period: 'weekly', amount: 17, priceExclVat: 50, discount: 15, publish: true }, 91 | { period: 'monthly', amount: 3, priceExclVat: 50, discount: 20, publish: true }, 92 | ], 93 | }); 94 | 95 | await insuranceCreateDialog.goto(); 96 | 97 | await test.step('submit invalid form', async () => { 98 | await insuranceCreateDialog.fill(data); 99 | await insuranceCreateDialog.submit(); 100 | }); 101 | 102 | await test.step('verify errors on form', async () => { 103 | await expect(insuranceCreateDialog.errors).toHaveCountGreaterThan(0); 104 | }); 105 | }); 106 | 107 | test('rejects an insurance with an invalid booking plan', async ({ insuranceCreateDialog }) => { 108 | const invalidPlans: { description: string; plan: BookingPlan }[] = [ 109 | { 110 | description: 'a weekly period amount beyond the max', 111 | plan: { period: 'weekly', amount: 53, priceExclVat: 12, discount: undefined, publish: true }, 112 | }, 113 | { 114 | description: 'a weekly period amount below the min', 115 | plan: { period: 'weekly', amount: 0, priceExclVat: 56, discount: undefined, publish: true }, 116 | }, 117 | { 118 | description: 'a monthly period amount beyond the max', 119 | plan: { period: 'monthly', amount: 13, priceExclVat: 88, discount: undefined, publish: true }, 120 | }, 121 | { 122 | description: 'a monthly period amount below the min', 123 | plan: { period: 'monthly', amount: 0, priceExclVat: 111, discount: undefined, publish: true }, 124 | }, 125 | ]; 126 | 127 | await insuranceCreateDialog.goto(); 128 | 129 | for (const { description, plan } of invalidPlans) { 130 | await test.step(`verify ${description} is rejected`, async () => { 131 | const dialog = await insuranceCreateDialog.bookingPlanFieldSet.openBookingPlanAddDialog(); 132 | await dialog.fill(plan); 133 | await dialog.submit(); 134 | await expect(dialog.errors).toHaveCountGreaterThan(0); 135 | await dialog.cancel(); 136 | await dialog.main.waitFor({ state: 'hidden' }); 137 | }); 138 | } 139 | 140 | await test.step('verify booking plans table is empty', async () => { 141 | await expect(insuranceCreateDialog.bookingPlanFieldSet.dataTable.noDataRow).toBeVisible(); 142 | }); 143 | }); 144 | ```