# 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 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("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 "Kevin Doe" [level=1] [ref=e159]:
                  - generic [ref=e160]: Kevin 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/1006100610/edit/general
                    - generic [ref=e179]: 󰲶
                - table [ref=e182]:
                  - rowgroup [ref=e183]:
                    - row "Locations City 1030 Vienna North" [ref=e184]:
                      - rowheader "Locations" [ref=e185]
                      - cell "City 1030 Vienna North" [ref=e186]:
                        - generic [ref=e189]:
                          - generic [ref=e191]: City 1030
                          - generic [ref=e193]: Vienna North
                    - row "Customer type Private" [ref=e194]:
                      - rowheader "Customer type" [ref=e195]
                      - cell "Private" [ref=e196]:
                        - generic [ref=e198]: Private
                    - row "Name Kevin Doe" [ref=e199]:
                      - rowheader "Name" [ref=e200]
                      - cell "Kevin Doe" [ref=e201]:
                        - generic [ref=e203]: Kevin Doe
                    - row "Email kevin.doe@gmail.com" [ref=e204]:
                      - rowheader "Email" [ref=e205]
                      - cell "kevin.doe@gmail.com" [ref=e206]:
                        - generic [ref=e208]: kevin.doe@gmail.com
                    - row "Phone number +44 12341006" [ref=e209]:
                      - rowheader "Phone number" [ref=e210]
                      - cell "+44 12341006" [ref=e211]:
                        - generic [ref=e213]: +44 12341006
                    - row "Language DE" [ref=e214]:
                      - rowheader "Language" [ref=e215]
                      - cell "DE" [ref=e216]:
                        - generic [ref=e218]: DE
                    - row "Address Doe Street 1006 Las Vegas United Kingdom" [ref=e219]:
                      - rowheader "Address" [ref=e220]
                      - cell "Doe Street 1006 Las Vegas United Kingdom" [ref=e221]:
                        - generic [ref=e223]: Doe Street 1006 Las Vegas United Kingdom
                    - 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/1006100610/edit/details
                    - generic [ref=e262]: 󰲶
                - table [ref=e265]:
                  - rowgroup [ref=e266]:
                    - row "Customer number 1006-1006-10" [ref=e267]:
                      - rowheader "Customer number" [ref=e268]
                      - cell "1006-1006-10" [ref=e269]:
                        - generic [ref=e271]: 1006-1006-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=e306]:
                  - generic "City 1030, Vienna North" [ref=e307]
                  - generic [ref=e308]:
                    - generic [ref=e309]: €0.00
                    - button [ref=e311] [cursor=pointer]:
                      - generic [ref=e313]: 󰇘
          - generic [ref=e315]:
            - heading "Requests" [level=3] [ref=e319]
            - generic [ref=e324]:
              - generic [ref=e326]:
                - generic [ref=e332]:
                  - button [ref=e333] [cursor=pointer]:
                    - generic [ref=e335]: 󱒇
                  - generic: 󰄲 󰄲 󰄱 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲
                - table [ref=e337]:
                  - rowgroup [ref=e338]:
                    - row "Location Unit type Requested at Move-in Booking plan Protection plan One-time products Recurring products Request type Task" [ref=e339]:
                      - columnheader "Location" [ref=e340]:
                        - button "Location" [ref=e341] [cursor=pointer]:
                          - generic [ref=e343]: Location
                          - generic [ref=e346]: 󰁝
                      - columnheader "Unit type" [ref=e347]:
                        - button "Unit type" [ref=e348] [cursor=pointer]:
                          - generic [ref=e350]: Unit type
                          - generic [ref=e353]: 󰁝
                      - columnheader "Requested at" [ref=e354]:
                        - button "Requested at" [ref=e355] [cursor=pointer]:
                          - generic [ref=e357]: Requested at
                          - generic [ref=e360]: 󰁝
                      - columnheader "Move-in" [ref=e361]:
                        - button "Move-in" [ref=e362] [cursor=pointer]:
                          - generic [ref=e364]: Move-in
                          - generic [ref=e367]: 󰁝
                      - columnheader "Booking plan" [ref=e368]:
                        - button "Booking plan" [ref=e369] [cursor=pointer]:
                          - generic [ref=e371]: Booking plan
                          - generic [ref=e374]: 󰁝
                      - columnheader "Protection plan" [ref=e375]:
                        - button "Protection plan" [ref=e376] [cursor=pointer]:
                          - generic [ref=e378]: Protection plan
                          - generic [ref=e381]: 󰁝
                      - columnheader "One-time products" [ref=e382]:
                        - generic [ref=e385]: One-time products
                      - columnheader "Recurring products" [ref=e386]:
                        - generic [ref=e389]: Recurring products
                      - columnheader "Request type" [ref=e390]:
                        - button "Request type" [ref=e391] [cursor=pointer]:
                          - generic [ref=e393]: Request type
                          - generic [ref=e396]: 󰁝
                      - columnheader "Task" [ref=e397]:
                        - generic [ref=e400]: Task
                    - row [ref=e401]:
                      - columnheader [ref=e402]
                  - rowgroup [ref=e403]:
                    - row "No data yet" [ref=e404]:
                      - cell "No data yet" [ref=e405]:
                        - generic [ref=e406]: No data yet
              - generic [ref=e409]:
                - generic [ref=e410]:
                  - generic [ref=e411]: "Items per page:"
                  - combobox [ref=e414] [cursor=pointer]:
                    - generic [ref=e416]:
                      - generic [ref=e418]: "10"
                      - combobox "Items per page:": "10"
                    - generic [ref=e420]: 󰍝
                - generic [ref=e421]: 0-0 of 0
                - generic [ref=e422]:
                  - button [disabled]:
                    - generic:
                      - generic: 󰘀
                  - button [disabled]:
                    - generic:
                      - generic: 󰅁
                  - button [disabled]:
                    - generic:
                      - generic: 󰅂
                  - button [disabled]:
                    - generic:
                      - generic: 󰘁
    - contentinfo [ref=e423]:
      - generic [ref=e424]:
        - generic [ref=e425]:
          - text: Kinnovis GmbH
          - generic [ref=e426]: 󰗦
          - text: "2026"
        - generic [ref=e427]: v2026.04.03
  - generic:
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - dialog:
      - generic [ref=e430]:
        - heading "General" [level=3] [ref=e434]
        - generic [ref=e437]:
          - group [ref=e438]:
            - generic [ref=e439]:
              - generic [ref=e441]:
                - combobox [ref=e443]:
                  - generic [ref=e445]:
                    - generic [ref=e447]: Private
                    - combobox "Customer type *" [ref=e448]
                  - button [ref=e450] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Customer type *
                - alert [ref=e451]
              - generic [ref=e454]:
                - combobox [ref=e456]:
                  - generic [ref=e457]:
                    - generic: Add another location
                    - combobox "Add another location" [ref=e459]
                  - button [ref=e461] [cursor=pointer]: 󰍝
                - alert [ref=e462]
            - generic [ref=e464]:
              - generic [ref=e466]:
                - generic [ref=e468]:
                  - textbox "First name *" [ref=e470]: Kevin
                  - generic:
                    - generic: First name *
                - alert [ref=e471]
              - generic [ref=e474]:
                - generic [ref=e476]:
                  - textbox "Last name *" [ref=e478]: Doe
                  - generic:
                    - generic: Last name *
                - alert [ref=e479]
              - generic [ref=e482]:
                - generic [ref=e484]:
                  - textbox "Email address *" [ref=e486]: kevin.doe@gmail.com
                  - generic:
                    - generic: Email address *
                - alert [ref=e487]
              - generic [ref=e491]:
                - generic [ref=e495]:
                  - generic [ref=e497]:
                    - button "United Kingdom of Great Britain and Northern Ireland" [ref=e498] [cursor=pointer]:
                      - generic [ref=e499]:
                        - img "United Kingdom of Great Britain and Northern Ireland" [ref=e500]
                        - generic [ref=e501]: 󰍝
                    - generic [ref=e502]: "+44"
                  - textbox "Phone number *" [ref=e504]: "12341006"
                  - generic:
                    - generic: Phone number *
                - alert [ref=e505]
              - generic [ref=e508]:
                - combobox [ref=e510]:
                  - generic [ref=e512]:
                    - generic [ref=e514]: German
                    - combobox "Language *" [ref=e515]
                  - button [ref=e517] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Language *
                - alert [ref=e518]
              - generic [ref=e521]:
                - generic [ref=e524]:
                  - generic: Note
                  - textbox "Note" [ref=e525]
                - alert [ref=e526]
          - group [ref=e528]:
            - generic [ref=e529]:
              - generic [ref=e531]:
                - generic [ref=e533]:
                  - textbox "Street / House Number / Building *" [ref=e535]: Doe Street
                  - generic:
                    - generic: Street / House Number / Building *
                - alert [ref=e536]
              - generic [ref=e539]:
                - generic [ref=e541]:
                  - textbox "Postal code *" [ref=e543]: "1006"
                  - generic:
                    - generic: Postal code *
                - alert [ref=e544]
              - generic [ref=e547]:
                - generic [ref=e549]:
                  - textbox "City *" [ref=e551]: Las Vegas
                  - generic:
                    - generic: City *
                - alert [ref=e552]
              - generic [ref=e555]:
                - combobox [ref=e557]:
                  - generic [ref=e559]:
                    - generic [ref=e561]: United Kingdom of Great Britain and Northern Ireland
                    - combobox "Country *" [ref=e562]
                  - button [ref=e564] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Country *
                - alert [ref=e565]
        - contentinfo [ref=e568]:
          - generic [ref=e570]:
            - button "Cancel" [ref=e571] [cursor=pointer]:
              - generic [ref=e572]: Cancel
            - button "Save" [ref=e573] [cursor=pointer]:
              - generic [ref=e574]: 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 | 
```