# 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 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("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 "Mario Doe" [level=1] [ref=e159]:
                  - generic [ref=e160]: Mario 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/1002100210/edit/general
                    - generic [ref=e179]: 󰲶
                - table [ref=e182]:
                  - rowgroup [ref=e183]:
                    - row "Locations Vienna North" [ref=e184]:
                      - rowheader "Locations" [ref=e185]
                      - cell "Vienna North" [ref=e186]:
                        - generic [ref=e191]: Vienna North
                    - row "Customer type Private" [ref=e192]:
                      - rowheader "Customer type" [ref=e193]
                      - cell "Private" [ref=e194]:
                        - generic [ref=e196]: Private
                    - row "Name Mario Doe" [ref=e197]:
                      - rowheader "Name" [ref=e198]
                      - cell "Mario Doe" [ref=e199]:
                        - generic [ref=e201]: Mario Doe
                    - row "Email mario.doe@gmail.com" [ref=e202]:
                      - rowheader "Email" [ref=e203]
                      - cell "mario.doe@gmail.com" [ref=e204]:
                        - generic [ref=e206]: mario.doe@gmail.com
                    - row "Phone number +55 12341002" [ref=e207]:
                      - rowheader "Phone number" [ref=e208]
                      - cell "+55 12341002" [ref=e209]:
                        - generic [ref=e211]: +55 12341002
                    - row "Language EN" [ref=e212]:
                      - rowheader "Language" [ref=e213]
                      - cell "EN" [ref=e214]:
                        - generic [ref=e216]: EN
                    - row "Address Doe Street 1002 Las Vegas Brazil" [ref=e217]:
                      - rowheader "Address" [ref=e218]
                      - cell "Doe Street 1002 Las Vegas Brazil" [ref=e219]:
                        - generic [ref=e221]: Doe Street 1002 Las Vegas Brazil
                    - row "Note -" [ref=e222]:
                      - rowheader "Note" [ref=e223]
                      - cell "-" [ref=e224]:
                        - generic [ref=e226]: "-"
              - generic [ref=e227]:
                - heading "Optional Consents" [level=3] [ref=e231]
                - table [ref=e234]:
                  - rowgroup [ref=e235]:
                    - row "Marketing/Newsletter Not agreed" [ref=e236]:
                      - rowheader "Marketing/Newsletter" [ref=e237]
                      - cell "Not agreed" [ref=e238]:
                        - generic [ref=e241]:
                          - checkbox [ref=e249] [cursor=pointer]
                          - generic [ref=e250]: Not agreed
            - generic [ref=e251]:
              - generic [ref=e252]:
                - generic [ref=e254]:
                  - heading "Details" [level=3] [ref=e256]
                  - link [ref=e258] [cursor=pointer]:
                    - /url: /customers/1002100210/edit/details
                    - generic [ref=e260]: 󰲶
                - table [ref=e263]:
                  - rowgroup [ref=e264]:
                    - row "Customer number 1002-1002-10" [ref=e265]:
                      - rowheader "Customer number" [ref=e266]
                      - cell "1002-1002-10" [ref=e267]:
                        - generic [ref=e269]: 1002-1002-10
                    - row "Created at 8 Apr 2026" [ref=e270]:
                      - rowheader "Created at" [ref=e271]
                      - cell "8 Apr 2026" [ref=e272]:
                        - generic [ref=e274]: 8 Apr 2026
                    - row "Total spent €0.00" [ref=e275]:
                      - rowheader "Total spent" [ref=e276]
                      - cell "€0.00" [ref=e277]:
                        - generic [ref=e279]: €0.00
                    - row "Total past due amount €0.00" [ref=e280]:
                      - rowheader "Total past due amount" [ref=e281]
                      - cell "€0.00" [ref=e282]:
                        - generic [ref=e284]: €0.00
                    - row "Payment methods -" [ref=e285]:
                      - rowheader "Payment methods" [ref=e286]
                      - cell "-" [ref=e287]:
                        - generic [ref=e290]: "-"
                    - row "Accounts receivable number -" [ref=e291]:
                      - rowheader "Accounts receivable number" [ref=e292]
                      - cell "-" [ref=e293]:
                        - generic [ref=e295]: "-"
              - generic [ref=e296]:
                - heading "Customer credit balance" [level=3] [ref=e300]
                - generic [ref=e304]:
                  - generic "Vienna North" [ref=e305]
                  - generic [ref=e306]:
                    - generic [ref=e307]: €0.00
                    - button [ref=e309] [cursor=pointer]:
                      - generic [ref=e311]: 󰇘
          - generic [ref=e313]:
            - heading "Requests" [level=3] [ref=e317]
            - generic [ref=e322]:
              - generic [ref=e324]:
                - generic [ref=e330]:
                  - button [ref=e331] [cursor=pointer]:
                    - generic [ref=e333]: 󱒇
                  - generic: 󰄲 󰄲 󰄱 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲
                - table [ref=e335]:
                  - rowgroup [ref=e336]:
                    - row "Location Unit type Requested at Move-in Booking plan Protection plan One-time products Recurring products Request type Task" [ref=e337]:
                      - columnheader "Location" [ref=e338]:
                        - button "Location" [ref=e339] [cursor=pointer]:
                          - generic [ref=e341]: Location
                          - generic [ref=e344]: 󰁝
                      - columnheader "Unit type" [ref=e345]:
                        - button "Unit type" [ref=e346] [cursor=pointer]:
                          - generic [ref=e348]: Unit type
                          - generic [ref=e351]: 󰁝
                      - columnheader "Requested at" [ref=e352]:
                        - button "Requested at" [ref=e353] [cursor=pointer]:
                          - generic [ref=e355]: Requested at
                          - generic [ref=e358]: 󰁝
                      - columnheader "Move-in" [ref=e359]:
                        - button "Move-in" [ref=e360] [cursor=pointer]:
                          - generic [ref=e362]: Move-in
                          - generic [ref=e365]: 󰁝
                      - columnheader "Booking plan" [ref=e366]:
                        - button "Booking plan" [ref=e367] [cursor=pointer]:
                          - generic [ref=e369]: Booking plan
                          - generic [ref=e372]: 󰁝
                      - columnheader "Protection plan" [ref=e373]:
                        - button "Protection plan" [ref=e374] [cursor=pointer]:
                          - generic [ref=e376]: Protection plan
                          - generic [ref=e379]: 󰁝
                      - columnheader "One-time products" [ref=e380]:
                        - generic [ref=e383]: One-time products
                      - columnheader "Recurring products" [ref=e384]:
                        - generic [ref=e387]: Recurring products
                      - columnheader "Request type" [ref=e388]:
                        - button "Request type" [ref=e389] [cursor=pointer]:
                          - generic [ref=e391]: Request type
                          - generic [ref=e394]: 󰁝
                      - columnheader "Task" [ref=e395]:
                        - generic [ref=e398]: Task
                    - row [ref=e399]:
                      - columnheader [ref=e400]
                  - rowgroup [ref=e401]:
                    - row "No data yet" [ref=e402]:
                      - cell "No data yet" [ref=e403]:
                        - generic [ref=e404]: No data yet
              - generic [ref=e407]:
                - generic [ref=e408]:
                  - generic [ref=e409]: "Items per page:"
                  - combobox [ref=e412] [cursor=pointer]:
                    - generic [ref=e414]:
                      - generic [ref=e416]: "10"
                      - combobox "Items per page:": "10"
                    - generic [ref=e418]: 󰍝
                - generic [ref=e419]: 0-0 of 0
                - generic [ref=e420]:
                  - button [disabled]:
                    - generic:
                      - generic: 󰘀
                  - button [disabled]:
                    - generic:
                      - generic: 󰅁
                  - button [disabled]:
                    - generic:
                      - generic: 󰅂
                  - button [disabled]:
                    - generic:
                      - generic: 󰘁
    - contentinfo [ref=e421]:
      - generic [ref=e422]:
        - generic [ref=e423]:
          - text: Kinnovis GmbH
          - generic [ref=e424]: 󰗦
          - text: "2026"
        - generic [ref=e425]: v2026.04.03
  - generic:
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - dialog:
      - generic [ref=e428]:
        - heading "General" [level=3] [ref=e432]
        - generic [ref=e435]:
          - group [ref=e436]:
            - generic [ref=e437]:
              - generic [ref=e439]:
                - combobox [ref=e441]:
                  - generic [ref=e443]:
                    - generic [ref=e445]: Private
                    - combobox "Customer type *" [ref=e446]
                  - button [ref=e448] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Customer type *
                - alert [ref=e449]
              - generic [ref=e452]:
                - combobox [ref=e454]:
                  - generic [ref=e455]:
                    - generic: Add another location
                    - combobox "Add another location" [ref=e457]
                  - button [ref=e459] [cursor=pointer]: 󰍝
                - alert [ref=e460]
            - generic [ref=e462]:
              - generic [ref=e464]:
                - generic [ref=e466]:
                  - textbox "First name *" [ref=e468]: Mario
                  - generic:
                    - generic: First name *
                - alert [ref=e469]
              - generic [ref=e472]:
                - generic [ref=e474]:
                  - textbox "Last name *" [ref=e476]: Doe
                  - generic:
                    - generic: Last name *
                - alert [ref=e477]
              - generic [ref=e480]:
                - generic [ref=e482]:
                  - textbox "Email address *" [ref=e484]: mario.doe@gmail.com
                  - generic:
                    - generic: Email address *
                - alert [ref=e485]
              - generic [ref=e489]:
                - generic [ref=e493]:
                  - generic [ref=e495]:
                    - button "Brazil" [ref=e496] [cursor=pointer]:
                      - generic [ref=e497]:
                        - img "Brazil" [ref=e498]
                        - generic [ref=e499]: 󰍝
                    - generic [ref=e500]: "+55"
                  - textbox "Phone number *" [ref=e502]: "12341002"
                  - generic:
                    - generic: Phone number *
                - alert [ref=e503]
              - generic [ref=e506]:
                - combobox [ref=e508]:
                  - generic [ref=e510]:
                    - generic [ref=e512]: English
                    - combobox "Language *" [ref=e513]
                  - button [ref=e515] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Language *
                - alert [ref=e516]
              - generic [ref=e519]:
                - generic [ref=e522]:
                  - generic: Note
                  - textbox "Note" [ref=e523]
                - alert [ref=e524]
          - group [ref=e526]:
            - generic [ref=e527]:
              - generic [ref=e529]:
                - generic [ref=e531]:
                  - textbox "Street / House Number / Building *" [ref=e533]: Doe Street
                  - generic:
                    - generic: Street / House Number / Building *
                - alert [ref=e534]
              - generic [ref=e537]:
                - generic [ref=e539]:
                  - textbox "Postal code *" [ref=e541]: "1002"
                  - generic:
                    - generic: Postal code *
                - alert [ref=e542]
              - generic [ref=e545]:
                - generic [ref=e547]:
                  - textbox "City *" [ref=e549]: Las Vegas
                  - generic:
                    - generic: City *
                - alert [ref=e550]
              - generic [ref=e553]:
                - combobox [ref=e555]:
                  - generic [ref=e557]:
                    - generic [ref=e559]: Brazil
                    - combobox "Country *" [ref=e560]
                  - button [ref=e562] [cursor=pointer]: 󰍝
                  - generic:
                    - generic: Country *
                - alert [ref=e563]
        - contentinfo [ref=e566]:
          - generic [ref=e568]:
            - button "Cancel" [ref=e569] [cursor=pointer]:
              - generic [ref=e570]: Cancel
            - button "Save" [ref=e571] [cursor=pointer]:
              - generic [ref=e572]: 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 | 
```