# 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.spec.ts >> should edit the type of a business German customer - Location: src/manager/tests/e2e/customer/customer-edit.spec.ts:6:7 # Error details ``` Test timeout of 60000ms exceeded. ``` ``` Error: locator.focus: Test timeout of 60000ms exceeded. Call log: - waiting for locator('.v-dialog:has([data-test-id="customer-edit-general-dialog"]):has(.v-overlay__content:not(.dialog-bottom-transition-enter-active))').locator('.v-input:has(label:has-text("Customer type"))').locator('.v-field:not(.v-field--loading)').locator('input[type=text]') ``` # Page snapshot ```yaml - generic [ref=e1]: - generic [ref=e6]: - banner [ref=e7]: - generic [ref=e8]: - button [ref=e9] [cursor=pointer]: - generic [ref=e11]: 󰍜 - link [ref=e12] [cursor=pointer]: - /url: / - button "AS" [ref=e14] [cursor=pointer]: - generic [ref=e18]: AS - generic: - text: 󰗊 󰅀 - text: 󰷖 󰍃 - navigation [ref=e19]: - list [ref=e21]: - generic [ref=e23]: Dashboard - link "Tasks" [ref=e24] [cursor=pointer]: - /url: /tasks - img [ref=e27] - generic [ref=e30]: Tasks - link "Facility maps" [ref=e31] [cursor=pointer]: - /url: /facility-map - generic [ref=e33]: 󰧾 - generic [ref=e35]: Facility maps - link "Analytics" [ref=e36] [cursor=pointer]: - /url: /dashboard - generic [ref=e38]: 󱖶 - generic [ref=e40]: Analytics - generic [ref=e42]: Sales - link "Bookings" [ref=e43] [cursor=pointer]: - /url: /bookings - generic [ref=e45]: 󰇡 - generic [ref=e47]: Bookings - link "Customers" [ref=e48] [cursor=pointer]: - /url: /customers - generic [ref=e50]: 󰀏 - generic [ref=e52]: Customers - link "Invoices" [ref=e53] [cursor=pointer]: - /url: /invoices - generic [ref=e55]: 󰷉 - generic [ref=e57]: Invoices - link "Credit notes" [ref=e58] [cursor=pointer]: - /url: /credit-notes - img [ref=e61] - generic [ref=e64]: Credit notes - link "Units" [ref=e65] [cursor=pointer]: - /url: /units - generic [ref=e67]: 󰍀 - generic [ref=e69]: Units - generic [ref=e71]: Site Management - link "Locations" [ref=e72] [cursor=pointer]: - /url: /locations - generic [ref=e74]: 󰟙 - generic [ref=e76]: Locations - link "Unit types" [ref=e77] [cursor=pointer]: - /url: /unit-types - generic [ref=e79]: 󰆧 - generic [ref=e81]: Unit types - link "Protection Plans" [ref=e82] [cursor=pointer]: - /url: /insurances - generic [ref=e84]: 󰳌 - generic [ref=e86]: Protection Plans - link "Deposits" [ref=e87] [cursor=pointer]: - /url: /deposits - generic [ref=e89]: 󱙆 - generic [ref=e91]: Deposits - link "Products" [ref=e92] [cursor=pointer]: - /url: /products - generic [ref=e94]: 󰄑 - generic [ref=e96]: Products - link "Discounts" [ref=e97] [cursor=pointer]: - /url: /discounts - generic [ref=e99]: 󰓼 - generic [ref=e101]: Discounts - generic [ref=e102]: - option "Emails" [ref=e103] [cursor=pointer]: - generic [ref=e105]: 󰻨 - generic [ref=e107]: 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=e129]: 󰅀 - text: 󰖟 󰟙 - generic [ref=e130]: - option "JaneAI" [ref=e131] [cursor=pointer]: - generic [ref=e133]: 󱙺 - generic [ref=e135]: JaneAI - generic [ref=e137]: 󰅀 - text: 󱜹 - generic [ref=e139]: Feedback - link "Voting Portal" [ref=e140] [cursor=pointer]: - /url: /voting-portal - generic [ref=e142]: 󰔔 - generic [ref=e144]: Voting Portal - main [ref=e145]: - generic [ref=e146]: - generic [ref=e148]: - generic [ref=e149]: - link [ref=e151] [cursor=pointer]: - /url: /customers - generic [ref=e153]: 󰁍 - generic [ref=e156]: - generic [ref=e157]: Customers - generic [ref=e158]: - heading "Ralph Mustermann AG" [level=1] [ref=e159]: - generic [ref=e160]: Ralph Mustermann AG - generic [ref=e163]: Lead - button "Actions" [ref=e165] [cursor=pointer]: - generic [ref=e166]: - text: Actions - generic [ref=e167]: 󱨉 - generic [ref=e168]: - generic [ref=e169]: - generic [ref=e170]: - generic [ref=e171]: - generic [ref=e173]: - heading "General" [level=3] [ref=e175] - link [ref=e177] [cursor=pointer]: - /url: /customers/1001100110/edit/general - generic [ref=e179]: 󰲶 - table [ref=e182]: - rowgroup [ref=e183]: - row "Locations City 1030" [ref=e184]: - rowheader "Locations" [ref=e185] - cell "City 1030" [ref=e186]: - generic [ref=e191]: City 1030 - row "Customer type Business" [ref=e192]: - rowheader "Customer type" [ref=e193] - cell "Business" [ref=e194]: - generic [ref=e196]: Business - row "Company name Ralph Mustermann AG" [ref=e197]: - rowheader "Company name" [ref=e198] - cell "Ralph Mustermann AG" [ref=e199]: - generic [ref=e201]: Ralph Mustermann AG - row "VAT type -" [ref=e202]: - rowheader "VAT type" [ref=e203] - cell "-" [ref=e204]: - generic [ref=e206]: "-" - row "VAT number AT1001" [ref=e207]: - rowheader "VAT number" [ref=e208] - cell "AT1001" [ref=e209]: - generic [ref=e211]: AT1001 - row "Name Ralph" [ref=e212]: - rowheader "Name" [ref=e213] - cell "Ralph" [ref=e214]: - generic [ref=e216]: Ralph - row "Email ralph.mustermann@gmail.com" [ref=e217]: - rowheader "Email" [ref=e218] - cell "ralph.mustermann@gmail.com" [ref=e219]: - generic [ref=e221]: ralph.mustermann@gmail.com - row "Phone number +1 24212341001" [ref=e222]: - rowheader "Phone number" [ref=e223] - cell "+1 24212341001" [ref=e224]: - generic [ref=e226]: +1 24212341001 - row "Language DE" [ref=e227]: - rowheader "Language" [ref=e228] - cell "DE" [ref=e229]: - generic [ref=e231]: DE - row "Address Mustermann Street 1001 Las Vegas Bahamas" [ref=e232]: - rowheader "Address" [ref=e233] - cell "Mustermann Street 1001 Las Vegas Bahamas" [ref=e234]: - generic [ref=e236]: Mustermann Street 1001 Las Vegas Bahamas - row "Note -" [ref=e237]: - rowheader "Note" [ref=e238] - cell "-" [ref=e239]: - generic [ref=e241]: "-" - generic [ref=e242]: - heading "Optional Consents" [level=3] [ref=e246] - table [ref=e249]: - rowgroup [ref=e250]: - row "Marketing/Newsletter Not agreed" [ref=e251]: - rowheader "Marketing/Newsletter" [ref=e252] - cell "Not agreed" [ref=e253]: - generic [ref=e256]: - checkbox [ref=e264] [cursor=pointer] - generic [ref=e265]: Not agreed - generic [ref=e266]: - generic [ref=e267]: - generic [ref=e269]: - heading "Details" [level=3] [ref=e271] - link [ref=e273] [cursor=pointer]: - /url: /customers/1001100110/edit/details - generic [ref=e275]: 󰲶 - table [ref=e278]: - rowgroup [ref=e279]: - row "Customer number 1001-1001-10" [ref=e280]: - rowheader "Customer number" [ref=e281] - cell "1001-1001-10" [ref=e282]: - generic [ref=e284]: 1001-1001-10 - row "Created at 8 Apr 2026" [ref=e285]: - rowheader "Created at" [ref=e286] - cell "8 Apr 2026" [ref=e287]: - generic [ref=e289]: 8 Apr 2026 - row "Total spent €0.00" [ref=e290]: - rowheader "Total spent" [ref=e291] - cell "€0.00" [ref=e292]: - generic [ref=e294]: €0.00 - row "Total past due amount €0.00" [ref=e295]: - rowheader "Total past due amount" [ref=e296] - cell "€0.00" [ref=e297]: - generic [ref=e299]: €0.00 - row "Payment methods -" [ref=e300]: - rowheader "Payment methods" [ref=e301] - cell "-" [ref=e302]: - generic [ref=e305]: "-" - row "Accounts receivable number -" [ref=e306]: - rowheader "Accounts receivable number" [ref=e307] - cell "-" [ref=e308]: - generic [ref=e310]: "-" - generic [ref=e311]: - heading "Customer credit balance" [level=3] [ref=e315] - generic [ref=e319]: - generic "City 1030" [ref=e320] - generic [ref=e321]: - generic [ref=e322]: €0.00 - button [ref=e324] [cursor=pointer]: - generic [ref=e326]: 󰇘 - generic [ref=e328]: - heading "Requests" [level=3] [ref=e332] - generic [ref=e337]: - generic [ref=e339]: - generic [ref=e345]: - button [ref=e346] [cursor=pointer]: - generic [ref=e348]: 󱒇 - generic: 󰄲 󰄲 󰄱 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 - table [ref=e350]: - rowgroup [ref=e351]: - row "Location Unit type Requested at Move-in Booking plan Protection plan One-time products Recurring products Request type Task" [ref=e352]: - columnheader "Location" [ref=e353]: - button "Location" [ref=e354] [cursor=pointer]: - generic [ref=e356]: Location - generic [ref=e359]: 󰁝 - columnheader "Unit type" [ref=e360]: - button "Unit type" [ref=e361] [cursor=pointer]: - generic [ref=e363]: Unit type - generic [ref=e366]: 󰁝 - columnheader "Requested at" [ref=e367]: - button "Requested at" [ref=e368] [cursor=pointer]: - generic [ref=e370]: Requested at - generic [ref=e373]: 󰁝 - columnheader "Move-in" [ref=e374]: - button "Move-in" [ref=e375] [cursor=pointer]: - generic [ref=e377]: Move-in - generic [ref=e380]: 󰁝 - columnheader "Booking plan" [ref=e381]: - button "Booking plan" [ref=e382] [cursor=pointer]: - generic [ref=e384]: Booking plan - generic [ref=e387]: 󰁝 - columnheader "Protection plan" [ref=e388]: - button "Protection plan" [ref=e389] [cursor=pointer]: - generic [ref=e391]: Protection plan - generic [ref=e394]: 󰁝 - columnheader "One-time products" [ref=e395]: - generic [ref=e398]: One-time products - columnheader "Recurring products" [ref=e399]: - generic [ref=e402]: Recurring products - columnheader "Request type" [ref=e403]: - button "Request type" [ref=e404] [cursor=pointer]: - generic [ref=e406]: Request type - generic [ref=e409]: 󰁝 - columnheader "Task" [ref=e410]: - generic [ref=e413]: Task - row [ref=e414]: - columnheader [ref=e415] - rowgroup [ref=e416]: - row "No data yet" [ref=e417]: - cell "No data yet" [ref=e418]: - generic [ref=e419]: No data yet - generic [ref=e422]: - generic [ref=e423]: - generic [ref=e424]: "Items per page:" - combobox [ref=e427] [cursor=pointer]: - generic [ref=e429]: - generic [ref=e431]: "10" - combobox "Items per page:": "10" - generic [ref=e433]: 󰍝 - generic [ref=e434]: 0-0 of 0 - generic [ref=e435]: - button [disabled]: - generic: - generic: 󰘀 - button [disabled]: - generic: - generic: 󰅁 - button [disabled]: - generic: - generic: 󰅂 - button [disabled]: - generic: - generic: 󰘁 - contentinfo [ref=e436]: - generic [ref=e437]: - generic [ref=e438]: - text: Kinnovis GmbH - generic [ref=e439]: 󰗦 - text: "2026" - generic [ref=e440]: v2026.04.03 - generic: - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - tooltip - dialog: - generic [ref=e443]: - heading "General" [level=3] [ref=e447] - generic [ref=e450]: - group [ref=e451]: - generic [ref=e452]: - generic [ref=e454]: - combobox [ref=e456]: - generic [ref=e458]: - generic [ref=e460]: Business - combobox "Customer type *" [ref=e461] - button [ref=e463] [cursor=pointer]: 󰍝 - generic: - generic: Customer type * - alert [ref=e464] - generic [ref=e467]: - combobox [ref=e469]: - generic [ref=e470]: - generic: Add another location - combobox "Add another location" [ref=e472] - button [ref=e474] [cursor=pointer]: 󰍝 - alert [ref=e475] - generic [ref=e479]: - generic [ref=e481]: - textbox "Company name *" [ref=e483]: Ralph Mustermann AG - generic: - generic: Company name * - alert [ref=e484] - generic [ref=e487]: - generic [ref=e489]: - combobox [ref=e491]: - generic [ref=e492]: - generic: VAT type - combobox "VAT type" [ref=e494] - text: 󰅙 - button [ref=e496] [cursor=pointer]: 󰍝 - alert [ref=e497] - generic [ref=e500]: - generic [ref=e502]: - textbox "VAT number" [ref=e504]: AT1001 - generic: - generic: VAT number - alert [ref=e505] - generic [ref=e507]: - generic [ref=e509]: - generic [ref=e511]: - textbox "First name" [ref=e513]: Ralph - generic: - generic: First name - alert [ref=e514] - generic [ref=e517]: - generic [ref=e520]: - generic: Last name - textbox "Last name" [ref=e521] - alert [ref=e522] - generic [ref=e525]: - generic [ref=e527]: - textbox "Email address *" [ref=e529]: ralph.mustermann@gmail.com - generic: - generic: Email address * - alert [ref=e530] - generic [ref=e534]: - generic [ref=e538]: - generic [ref=e540]: - button "Bahamas" [ref=e541] [cursor=pointer]: - generic [ref=e542]: - img "Bahamas" [ref=e543] - generic [ref=e544]: 󰍝 - generic [ref=e545]: "+1" - textbox "Phone number *" [ref=e547]: "24212341001" - generic: - generic: Phone number * - alert [ref=e548] - generic [ref=e551]: - combobox [ref=e553]: - generic [ref=e555]: - generic [ref=e557]: German - combobox "Language *" [ref=e558] - button [ref=e560] [cursor=pointer]: 󰍝 - generic: - generic: Language * - alert [ref=e561] - generic [ref=e564]: - generic [ref=e567]: - generic: Note - textbox "Note" [ref=e568] - alert [ref=e569] - group [ref=e571]: - generic [ref=e572]: - generic [ref=e574]: - generic [ref=e576]: - textbox "Street / House Number / Building *" [ref=e578]: Mustermann Street - generic: - generic: Street / House Number / Building * - alert [ref=e579] - generic [ref=e582]: - generic [ref=e584]: - textbox "Postal code *" [ref=e586]: "1001" - generic: - generic: Postal code * - alert [ref=e587] - generic [ref=e590]: - generic [ref=e592]: - textbox "City *" [ref=e594]: Las Vegas - generic: - generic: City * - alert [ref=e595] - generic [ref=e598]: - combobox [ref=e600]: - generic [ref=e602]: - generic [ref=e604]: Bahamas - combobox "Country *" [ref=e605] - button [ref=e607] [cursor=pointer]: 󰍝 - generic: - generic: Country * - alert [ref=e608] - contentinfo [ref=e611]: - generic [ref=e613]: - button "Cancel" [ref=e614] [cursor=pointer]: - generic [ref=e615]: Cancel - button "Save" [ref=e616] [cursor=pointer]: - generic [ref=e617]: Save ``` # Test source ```ts 1 | import { OptionMenu } from '@/manager/shared/components/OptionMenu'; 2 | import { BaseComponent } from '@/shared/base/BaseComponent'; 3 | import { sleep } from '@/shared/utils/timeout-utils'; 4 | 5 | export class SingleAutocomplete extends BaseComponent { 6 | private readonly body = this.host.locator('.v-field:not(.v-field--loading)'); 7 | private readonly input = this.body.locator('input[type=text]'); 8 | private readonly closeButton = this.body.locator('.v-field__clearable'); 9 | readonly menu = new OptionMenu(this.input); 10 | 11 | async select(value: string): Promise { 12 | await this.input.focus(); 13 | await this.input.clear(); 14 | await this.input.clear(); 15 | await this.input.fill(value); 16 | await this.menu.select(value); 17 | } 18 | 19 | async fill(value: string): Promise { > 20 | await this.input.focus(); | ^ Error: locator.focus: Test timeout of 60000ms exceeded. 21 | await this.input.clear(); 22 | await this.input.clear(); 23 | // TODO: temporary fix for when the autocomplete is not fully loaded yet e.g. due to currently opening a root dialog 24 | await sleep(75); 25 | await this.input.fill(value); 26 | 27 | if (value) { 28 | const menuBody = await this.menu.getBody(); 29 | await menuBody.waitFor(); 30 | } 31 | 32 | await this.input.press('Enter'); 33 | } 34 | 35 | async fillWithoutEnter(value: string): Promise { 36 | await this.input.focus(); 37 | await this.input.fill(''); 38 | await this.input.fill(value); 39 | } 40 | 41 | async clear(): Promise { 42 | await this.closeButton.hover(); 43 | await this.closeButton.click(); 44 | } 45 | } 46 | ```