# 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 language of a private English 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("Language"))').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 "Daniel Doe" [level=1] [ref=e159]:
                  - generic [ref=e160]: Daniel Doe
                - 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/1008100810/edit/general
                    - generic [ref=e179]: 󰲶
                - table [ref=e182]:
                  - rowgroup [ref=e183]:
                    - row "Locations Storeroom Innsbruck Vienna South" [ref=e184]:
                      - rowheader "Locations" [ref=e185]
                      - cell "Storeroom Innsbruck Vienna South" [ref=e186]:
                        - generic [ref=e189]:
                          - generic [ref=e191]: Storeroom Innsbruck
                          - generic [ref=e193]: Vienna South
                    - row "Customer type Private" [ref=e194]:
                      - rowheader "Customer type" [ref=e195]
                      - cell "Private" [ref=e196]:
                        - generic [ref=e198]: Private
                    - row "Name Daniel Doe" [ref=e199]:
                      - rowheader "Name" [ref=e200]
                      - cell "Daniel Doe" [ref=e201]:
                        - generic [ref=e203]: Daniel Doe
                    - row "Email daniel.doe@gmail.com" [ref=e204]:
                      - rowheader "Email" [ref=e205]
                      - cell "daniel.doe@gmail.com" [ref=e206]:
                        - generic [ref=e208]: daniel.doe@gmail.com
                    - row "Phone number +1 24212341008" [ref=e209]:
                      - rowheader "Phone number" [ref=e210]
                      - cell "+1 24212341008" [ref=e211]:
                        - generic [ref=e213]: +1 24212341008
                    - row "Language EN" [ref=e214]:
                      - rowheader "Language" [ref=e215]
                      - cell "EN" [ref=e216]:
                        - generic [ref=e218]: EN
                    - row "Address Doe Street 1008 Las Vegas Bahamas" [ref=e219]:
                      - rowheader "Address" [ref=e220]
                      - cell "Doe Street 1008 Las Vegas Bahamas" [ref=e221]:
                        - generic [ref=e223]: Doe Street 1008 Las Vegas Bahamas
                    - row "Note -" [ref=e224]:
                      - rowheader "Note" [ref=e225]
                      - cell "-" [ref=e226]:
                        - generic [ref=e228]: "-"
              - generic [ref=e229]:
                - heading "Optional Consents" [level=3] [ref=e233]
                - table [ref=e236]:
                  - rowgroup [ref=e237]:
                    - row "Marketing/Newsletter Not agreed" [ref=e238]:
                      - rowheader "Marketing/Newsletter" [ref=e239]
                      - cell "Not agreed" [ref=e240]:
                        - generic [ref=e243]:
                          - checkbox [ref=e251] [cursor=pointer]
                          - generic [ref=e252]: Not agreed
            - generic [ref=e253]:
              - generic [ref=e254]:
                - generic [ref=e256]:
                  - heading "Details" [level=3] [ref=e258]
                  - link [ref=e260] [cursor=pointer]:
                    - /url: /customers/1008100810/edit/details
                    - generic [ref=e262]: 󰲶
                - table [ref=e265]:
                  - rowgroup [ref=e266]:
                    - row "Customer number 1008-1008-10" [ref=e267]:
                      - rowheader "Customer number" [ref=e268]
                      - cell "1008-1008-10" [ref=e269]:
                        - generic [ref=e271]: 1008-1008-10
                    - row "Created at 8 Apr 2026" [ref=e272]:
                      - rowheader "Created at" [ref=e273]
                      - cell "8 Apr 2026" [ref=e274]:
                        - generic [ref=e276]: 8 Apr 2026
                    - row "Total spent €0.00" [ref=e277]:
                      - rowheader "Total spent" [ref=e278]
                      - cell "€0.00" [ref=e279]:
                        - generic [ref=e281]: €0.00
                    - row "Total past due amount €0.00" [ref=e282]:
                      - rowheader "Total past due amount" [ref=e283]
                      - cell "€0.00" [ref=e284]:
                        - generic [ref=e286]: €0.00
                    - row "Payment methods -" [ref=e287]:
                      - rowheader "Payment methods" [ref=e288]
                      - cell "-" [ref=e289]:
                        - generic [ref=e292]: "-"
                    - row "Accounts receivable number -" [ref=e293]:
                      - rowheader "Accounts receivable number" [ref=e294]
                      - cell "-" [ref=e295]:
                        - generic [ref=e297]: "-"
              - generic [ref=e298]:
                - heading "Customer credit balance" [level=3] [ref=e302]
                - generic [ref=e305]:
                  - generic [ref=e306]:
                    - generic "Vienna South" [ref=e307]
                    - generic [ref=e308]:
                      - generic [ref=e309]: €0.00
                      - button [ref=e311] [cursor=pointer]:
                        - generic [ref=e313]: 󰇘
                  - generic [ref=e314]:
                    - generic "Storeroom Innsbruck" [ref=e315]
                    - generic [ref=e316]:
                      - generic [ref=e317]: €0.00
                      - button [ref=e319] [cursor=pointer]:
                        - generic [ref=e321]: 󰇘
          - generic [ref=e323]:
            - heading "Requests" [level=3] [ref=e327]
            - generic [ref=e332]:
              - generic [ref=e334]:
                - generic [ref=e340]:
                  - button [ref=e341] [cursor=pointer]:
                    - generic [ref=e343]: 󱒇
                  - generic: 󰄲 󰄲 󰄱 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲
                - table [ref=e345]:
                  - rowgroup [ref=e346]:
                    - row "Location Unit type Requested at Move-in Booking plan Protection plan One-time products Recurring products Request type Task" [ref=e347]:
                      - columnheader "Location" [ref=e348]:
                        - button "Location" [ref=e349] [cursor=pointer]:
                          - generic [ref=e351]: Location
                          - generic [ref=e354]: 󰁝
                      - columnheader "Unit type" [ref=e355]:
                        - button "Unit type" [ref=e356] [cursor=pointer]:
                          - generic [ref=e358]: Unit type
                          - generic [ref=e361]: 󰁝
                      - columnheader "Requested at" [ref=e362]:
                        - button "Requested at" [ref=e363] [cursor=pointer]:
                          - generic [ref=e365]: Requested at
                          - generic [ref=e368]: 󰁝
                      - columnheader "Move-in" [ref=e369]:
                        - button "Move-in" [ref=e370] [cursor=pointer]:
                          - generic [ref=e372]: Move-in
                          - generic [ref=e375]: 󰁝
                      - columnheader "Booking plan" [ref=e376]:
                        - button "Booking plan" [ref=e377] [cursor=pointer]:
                          - generic [ref=e379]: Booking plan
                          - generic [ref=e382]: 󰁝
                      - columnheader "Protection plan" [ref=e383]:
                        - button "Protection plan" [ref=e384] [cursor=pointer]:
                          - generic [ref=e386]: Protection plan
                          - generic [ref=e389]: 󰁝
                      - columnheader "One-time products" [ref=e390]:
                        - generic [ref=e393]: One-time products
                      - columnheader "Recurring products" [ref=e394]:
                        - generic [ref=e397]: Recurring products
                      - columnheader "Request type" [ref=e398]:
                        - button "Request type" [ref=e399] [cursor=pointer]:
                          - generic [ref=e401]: Request type
                          - generic [ref=e404]: 󰁝
                      - columnheader "Task" [ref=e405]:
                        - generic [ref=e408]: Task
                    - row [ref=e409]:
                      - columnheader [ref=e410]
                  - rowgroup [ref=e411]:
                    - row "No data yet" [ref=e412]:
                      - cell "No data yet" [ref=e413]:
                        - generic [ref=e414]: No data yet
              - generic [ref=e417]:
                - generic [ref=e418]:
                  - generic [ref=e419]: "Items per page:"
                  - combobox [ref=e422] [cursor=pointer]:
                    - generic [ref=e424]:
                      - generic [ref=e426]: "10"
                      - combobox "Items per page:": "10"
                    - generic [ref=e428]: 󰍝
                - generic [ref=e429]: 0-0 of 0
                - generic [ref=e430]:
                  - button [disabled]:
                    - generic:
                      - generic: 󰘀
                  - button [disabled]:
                    - generic:
                      - generic: 󰅁
                  - button [disabled]:
                    - generic:
                      - generic: 󰅂
                  - button [disabled]:
                    - generic:
                      - generic: 󰘁
    - contentinfo [ref=e431]:
      - generic [ref=e432]:
        - generic [ref=e433]:
          - text: Kinnovis GmbH
          - generic [ref=e434]: 󰗦
          - text: "2026"
        - generic [ref=e435]: v2026.04.03
  - generic:
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - dialog:
      - generic [ref=e438]:
        - heading "General" [level=3] [ref=e442]
        - generic [ref=e445]:
          - group [ref=e446]:
            - generic [ref=e447]:
              - generic [ref=e449]:
                - combobox [ref=e451]:
                  - generic [ref=e453]:
                    - generic [ref=e455]: Private
                    - combobox "Customer type *" [ref=e456]
                  - button [ref=e458] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Customer type *
                - alert [ref=e459]
              - generic [ref=e462]:
                - combobox [ref=e464]:
                  - generic [ref=e465]:
                    - generic: Add another location
                    - combobox "Add another location" [ref=e467]
                  - button [ref=e469] [cursor=pointer]: 󰍝
                - alert [ref=e470]
            - generic [ref=e472]:
              - generic [ref=e474]:
                - generic [ref=e476]:
                  - textbox "First name *" [ref=e478]: Daniel
                  - generic:
                    - generic: First name *
                - alert [ref=e479]
              - generic [ref=e482]:
                - generic [ref=e484]:
                  - textbox "Last name *" [ref=e486]: Doe
                  - generic:
                    - generic: Last name *
                - alert [ref=e487]
              - generic [ref=e490]:
                - generic [ref=e492]:
                  - textbox "Email address *" [ref=e494]: daniel.doe@gmail.com
                  - generic:
                    - generic: Email address *
                - alert [ref=e495]
              - generic [ref=e499]:
                - generic [ref=e503]:
                  - generic [ref=e505]:
                    - button "Bahamas" [ref=e506] [cursor=pointer]:
                      - generic [ref=e507]:
                        - img "Bahamas" [ref=e508]
                        - generic [ref=e509]: 󰍝
                    - generic [ref=e510]: "+1"
                  - textbox "Phone number *" [ref=e512]: "24212341008"
                  - generic:
                    - generic: Phone number *
                - alert [ref=e513]
              - generic [ref=e516]:
                - combobox [ref=e518]:
                  - generic [ref=e520]:
                    - generic [ref=e522]: English
                    - combobox "Language *" [ref=e523]
                  - button [ref=e525] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Language *
                - alert [ref=e526]
              - generic [ref=e529]:
                - generic [ref=e532]:
                  - generic: Note
                  - textbox "Note" [ref=e533]
                - alert [ref=e534]
          - group [ref=e536]:
            - generic [ref=e537]:
              - generic [ref=e539]:
                - generic [ref=e541]:
                  - textbox "Street / House Number / Building *" [ref=e543]: Doe Street
                  - generic:
                    - generic: Street / House Number / Building *
                - alert [ref=e544]
              - generic [ref=e547]:
                - generic [ref=e549]:
                  - textbox "Postal code *" [ref=e551]: "1008"
                  - generic:
                    - generic: Postal code *
                - alert [ref=e552]
              - generic [ref=e555]:
                - generic [ref=e557]:
                  - textbox "City *" [ref=e559]: Las Vegas
                  - generic:
                    - generic: City *
                - alert [ref=e560]
              - generic [ref=e563]:
                - combobox [ref=e565]:
                  - generic [ref=e567]:
                    - generic [ref=e569]: Bahamas
                    - combobox "Country *" [ref=e570]
                  - button [ref=e572] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Country *
                - alert [ref=e573]
        - contentinfo [ref=e576]:
          - generic [ref=e578]:
            - button "Cancel" [ref=e579] [cursor=pointer]:
              - generic [ref=e580]: Cancel
            - button "Save" [ref=e581] [cursor=pointer]:
              - generic [ref=e582]: 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<void> {
  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<void> {
> 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<void> {
  36 |     await this.input.focus();
  37 |     await this.input.fill('');
  38 |     await this.input.fill(value);
  39 |   }
  40 | 
  41 |   async clear(): Promise<void> {
  42 |     await this.closeButton.hover();
  43 |     await this.closeButton.click();
  44 |   }
  45 | }
  46 | 
```