# 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-edit-booking-portal.spec.ts >> edits the short description - Location: src/manager/tests/e2e/insurance/insurance-edit-booking-portal.spec.ts:8:7 # Error details ``` Test timeout of 75000ms exceeded. ``` ``` Error: locator.click: Test timeout of 75000ms exceeded. Call log: - waiting for locator('.v-dialog:has([data-test-id="insurance-edit-booking-portal-dialog"]):has(.v-overlay__content:not(.dialog-bottom-transition-enter-active))').getByTestId('language-aware-input').getByRole('button', { name: 'English', exact: true }) ``` # 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=e169]: - link "Protection Plan" [ref=e170] [cursor=pointer]: - /url: /insurances - generic [ref=e171]: Protection Plan - generic [ref=e172]: 󰅂 - generic [ref=e173]: Refined Insurance 1iCKfK - button "Actions" [ref=e175] [cursor=pointer]: - generic [ref=e176]: - text: Actions - generic [ref=e177]: 󱨉 - generic [ref=e179]: - generic [ref=e180]: - generic [ref=e182]: - generic [ref=e184]: - heading "General" [level=3] [ref=e186] - link [ref=e188] [cursor=pointer]: - /url: /insurances/372079845/edit/general - generic [ref=e190]: 󰲶 - table [ref=e193]: - rowgroup [ref=e194]: - row "Name Refined Insurance 1iCKfK" [ref=e195]: - rowheader "Name" [ref=e196] - cell "Refined Insurance 1iCKfK" [ref=e197]: - generic "Refined Insurance 1iCKfK" [ref=e199] - row "Location Vienna South" [ref=e200]: - rowheader "Location" [ref=e201] - cell "Vienna South" [ref=e202]: - generic "Vienna South" [ref=e204] - generic [ref=e205]: - generic [ref=e206]: - generic [ref=e208]: - heading "Booking portal" [level=3] [ref=e210] - link [ref=e212] [cursor=pointer]: - /url: /insurances/372079845/edit/storefront - generic [ref=e214]: 󰲶 - table [ref=e217]: - rowgroup [ref=e218]: - row "Short description -" [ref=e219]: - rowheader "Short description" [ref=e220] - cell "-" [ref=e221]: - generic [ref=e223]: "-" - generic [ref=e224]: - generic [ref=e226]: - heading "Taxes" [level=3] [ref=e228] - link [ref=e230] [cursor=pointer]: - /url: /insurances/372079845/edit/tax - generic [ref=e232]: 󰲶 - table [ref=e235]: - rowgroup [ref=e236]: - row "B2C 20%" [ref=e237]: - rowheader "B2C" [ref=e238] - cell "20%" [ref=e239]: - generic "20%" [ref=e241] - row "B2B 20%" [ref=e242]: - rowheader "B2B" [ref=e243] - cell "20%" [ref=e244]: - generic "20%" [ref=e246] - generic [ref=e248]: - generic [ref=e250]: - heading "Booking plan" [level=3] [ref=e252] - link [ref=e254] [cursor=pointer]: - /url: /insurances/372079845/booking-plan - generic [ref=e256]: 󰐙 - generic [ref=e259]: - generic [ref=e261]: - generic [ref=e264]: - button "Edit price" [disabled] [ref=e268]: - img [ref=e270] - generic [ref=e276]: Edit price - button "Publish" [disabled] [ref=e279]: - generic [ref=e281]: 󰛐 - generic [ref=e282]: Publish - button "Unpublish" [disabled] [ref=e285]: - generic [ref=e287]: 󰛑 - generic [ref=e288]: Unpublish - button "Delete" [disabled] [ref=e292]: - generic [ref=e294]: 󰩺 - generic [ref=e295]: Delete - table [ref=e297]: - rowgroup [ref=e298]: - row "Billing period Discount Price / period (excl. VAT) Period price (excl. VAT) Status Active Bookings Action" [ref=e299]: - columnheader [ref=e300]: - generic [ref=e301]: - checkbox [ref=e302] - generic [ref=e304] [cursor=pointer]: 󰄱 - columnheader "Billing period" [ref=e305]: - button "Billing period" [ref=e306] [cursor=pointer]: - generic [ref=e308]: Billing period - generic [ref=e311]: 󰁝 - columnheader "Discount" [ref=e312]: - button "Discount" [ref=e313] [cursor=pointer]: - generic [ref=e315]: Discount - generic [ref=e318]: 󰁝 - columnheader "Price / period (excl. VAT)" [ref=e319]: - button "Price / period (excl. VAT)" [ref=e320] [cursor=pointer]: - generic [ref=e322]: Price / period (excl. VAT) - generic [ref=e325]: 󰁝 - columnheader "Period price (excl. VAT)" [ref=e326]: - button "Period price (excl. VAT)" [ref=e327] [cursor=pointer]: - generic [ref=e329]: Period price (excl. VAT) - generic [ref=e332]: 󰁝 - columnheader "Status" [ref=e333]: - generic [ref=e336]: Status - columnheader "Active Bookings" [ref=e337]: - button "Active Bookings" [ref=e338] [cursor=pointer]: - generic [ref=e340]: Active Bookings - generic [ref=e343]: 󰁝 - columnheader "Action" [ref=e344]: - generic [ref=e347]: Action - row [ref=e348]: - columnheader [ref=e349] - rowgroup [ref=e350]: - row "1 month 0% €150.00 €150.00 Published 0" [ref=e351]: - cell [ref=e352]: - generic [ref=e353]: - checkbox [ref=e354] - generic [ref=e356] [cursor=pointer]: 󰄱 - cell "1 month" [ref=e357]: - generic [ref=e358]: 1 month - cell "0%" [ref=e359]: - generic [ref=e360]: 0% - cell "€150.00" [ref=e361]: - generic [ref=e362]: €150.00 - cell "€150.00" [ref=e363]: - generic [ref=e364]: €150.00 - cell "Published" [ref=e365]: - generic [ref=e369]: Published - cell "0" [ref=e370]: - generic [ref=e371]: "0" - cell [ref=e372]: - button [ref=e375] [cursor=pointer]: - generic [ref=e377]: 󰇘 - generic: 󰲶 󰩺 - generic [ref=e380]: - generic [ref=e381]: - generic [ref=e382]: "Items per page:" - combobox [ref=e385]: - generic [ref=e387] [cursor=pointer]: - generic [ref=e389]: "5" - combobox "Items per page:": "5" - generic [ref=e391]: 󰍝 - generic [ref=e392]: 1-1 of 1 - generic [ref=e393]: - 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 - dialog: - generic [ref=e396]: - heading "Booking portal" [level=3] [ref=e400] - generic [ref=e410]: - generic [ref=e411]: - tablist [ref=e412]: - generic: - generic: 󰅁 - generic [ref=e414]: - tab "English" [selected] [ref=e415] [cursor=pointer]: - generic [ref=e416]: English - tab "Swedish" [ref=e417] [cursor=pointer]: - generic [ref=e418]: Swedish - tab "Slovenian" [ref=e419] [cursor=pointer]: - generic [ref=e420]: Slovenian - tab "Russian" [ref=e421] [cursor=pointer]: - generic [ref=e422]: Russian - tab "Portugese" [ref=e423] [cursor=pointer]: - generic [ref=e424]: Portugese - tab "Polish" [ref=e425] [cursor=pointer]: - generic [ref=e426]: Polish - tab "Norwegian" [ref=e427] [cursor=pointer]: - generic [ref=e428]: Norwegian - tab "Dutch" [ref=e429] [cursor=pointer]: - generic [ref=e430]: Dutch - tab "Latvian" [ref=e431] [cursor=pointer]: - generic [ref=e432]: Latvian - tab "French" [ref=e433] [cursor=pointer]: - generic [ref=e434]: French - tab "Finnish" [ref=e435] [cursor=pointer]: - generic [ref=e436]: Finnish - tab "Spanish" [ref=e437] [cursor=pointer]: - generic [ref=e438]: Spanish - tab "Greek" [ref=e439] [cursor=pointer]: - generic [ref=e440]: Greek - tab "German" [ref=e441] [cursor=pointer]: - generic [ref=e442]: German - tab "Czech" [ref=e443] [cursor=pointer]: - generic [ref=e444]: Czech - tab "Catalan" [ref=e445] [cursor=pointer]: - generic [ref=e446]: Catalan - generic [ref=e448] [cursor=pointer]: 󰅂 - separator [ref=e449] - generic [ref=e451]: - generic [ref=e454]: - generic: Short description - textbox "Short description" [ref=e455] - alert [ref=e456] - contentinfo [ref=e459]: - generic [ref=e462]: - button "Cancel" [ref=e463] [cursor=pointer]: - generic [ref=e464]: Cancel - button "Save" [ref=e465] [cursor=pointer]: - generic [ref=e466]: Save ``` # Test source ```ts 1 | import { TextAreaField } from '@/manager/shared/components/TextAreaField'; 2 | import { languages } from '@/shared/data/seed-languages'; 3 | import { BaseComponent } from '@/shared/base/BaseComponent'; 4 | import { getInputHostByLabel } from '@/manager/shared/utils/locator-utils'; 5 | import { LanguageKey, LanguageRecordPartial } from '@/shared/types/language-types'; 6 | import { Locator } from '@playwright/test'; 7 | 8 | export class LanguageAwareInput extends BaseComponent { 9 | private readonly main = this.host.getByTestId('language-aware-input'); 10 | private readonly textAreaField = new TextAreaField(getInputHostByLabel(this.main, 'Short description')); 11 | 12 | async fill(values: LanguageRecordPartial): Promise { 13 | for (const [key, value] of Object.entries(values) as [LanguageKey, string | undefined][]) { 14 | if (value === undefined) { 15 | continue; 16 | } 17 | > 18 | await this.getLanguageButton(key).click(); | ^ Error: locator.click: Test timeout of 75000ms exceeded. 19 | await this.textAreaField.fill(value); 20 | } 21 | } 22 | 23 | private getLanguageButton(key: LanguageKey): Locator { 24 | return this.main.getByRole('button', { name: languages[key].name, exact: true }); 25 | } 26 | } 27 | ```