# 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/invoice/invoice-create.spec.ts >> creates a bacs auto-charged invoice
- Location: src/manager/tests/e2e/invoice/invoice-create.spec.ts:29:7

# Error details

```
Test timeout of 120000ms exceeded.
```

```
Error: locator.waitFor: Test timeout of 120000ms exceeded.
Call log:
  - waiting for locator('.v-dialog:has([data-test-id="invoice-create-dialog"]):has(.v-overlay__content:not(.dialog-bottom-transition-enter-active))').locator('fieldset:has(legend:has-text("Payment"))').locator('.ui-radio-group').getByTestId('automatic-payment-option').getByTestId('segmented-card').filter({ hasText: 'Bacs Direct Debit •••• 2345' }) to be visible

```

# 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]: Manager
        - button [ref=e15] [cursor=pointer]
      - list [ref=e19]:
        - generic [ref=e21]: Dashboard
        - link "Tasks" [ref=e23] [cursor=pointer]:
          - /url: /tasks
        - link "Facility maps" [ref=e30] [cursor=pointer]:
          - /url: /facility-map
          - generic [ref=e31]: 󰧾
        - link "Analytics" [ref=e35] [cursor=pointer]:
          - /url: /dashboard
          - generic [ref=e36]: 󱖶
        - generic [ref=e40]: Sales
        - link "Bookings" [ref=e42] [cursor=pointer]:
          - /url: /bookings
          - generic [ref=e43]: 󰇡
        - link "Customers" [ref=e47] [cursor=pointer]:
          - /url: /customers
          - generic [ref=e48]: 󰀏
        - link "Invoices" [ref=e52] [cursor=pointer]:
          - /url: /invoices
          - generic [ref=e53]: 󰷉
        - link "Credit notes" [ref=e57] [cursor=pointer]:
          - /url: /credit-notes
        - link "Units" [ref=e64] [cursor=pointer]:
          - /url: /units
          - generic [ref=e65]: 󰍀
        - generic [ref=e69]: Site management
        - link "Locations" [ref=e71] [cursor=pointer]:
          - /url: /locations
          - generic [ref=e72]: 󰟙
        - link "Unit types" [ref=e76] [cursor=pointer]:
          - /url: /unit-types
          - generic [ref=e77]: 󰆧
        - link "Protection Plans" [ref=e81] [cursor=pointer]:
          - /url: /insurances
          - generic [ref=e82]: 󰳌
        - link "Deposits" [ref=e86] [cursor=pointer]:
          - /url: /deposits
          - generic [ref=e87]: 󱙆
        - link "Products" [ref=e91] [cursor=pointer]:
          - /url: /products
          - generic [ref=e92]: 󰄑
        - link "Discounts" [ref=e96] [cursor=pointer]:
          - /url: /discounts
          - generic [ref=e97]: 󰓼
        - generic [ref=e101]:
          - option "Emails" [ref=e102] [cursor=pointer]:
            - generic [ref=e103]: 󰻨
            - generic [ref=e107]: 󰅀
          - text: 󱡰 󰁥
        - generic [ref=e111]: Admin
        - link "Integrations" [ref=e113] [cursor=pointer]:
          - /url: /connected-apps
          - generic [ref=e114]: 󱘖
        - link "User & Roles" [ref=e118] [cursor=pointer]:
          - /url: /users
          - generic [ref=e119]: 󰭘
        - generic [ref=e123]:
          - option "Booking Portal" [ref=e124] [cursor=pointer]:
            - generic [ref=e125]: 󱃁
            - generic [ref=e129]: 󰅀
          - text: 󰖟 󰟙
        - link "Public API" [ref=e133] [cursor=pointer]:
          - /url: /public-api
          - generic [ref=e134]: 󱂛
        - generic [ref=e138]: Feedback
        - link "Voting Portal" [ref=e140] [cursor=pointer]:
          - /url: /voting-portal
          - generic [ref=e141]: 󰔔
      - generic [ref=e147]:
        - button "AS Andreas Stadler andreas.stadler@storeroom.at" [ref=e150] [cursor=pointer]:
          - generic [ref=e151]: AS
          - generic [ref=e154]:
            - generic [ref=e155]: Andreas Stadler
            - generic "andreas.stadler@storeroom.at" [ref=e156]
          - generic [ref=e157]: 󰇙
          - generic: 󰗊 󰅀 󰷖 󰍃
        - button [ref=e158] [cursor=pointer]:
          - generic [ref=e159]: 󰋽
    - main [ref=e161]:
      - generic [ref=e163]:
        - generic [ref=e165]:
          - generic [ref=e166]: Invoices
          - generic [ref=e169]:
            - link [ref=e170] [cursor=pointer]:
              - /url: /invoices/create
              - generic [ref=e171]:
                - generic [ref=e172]: 󰐕
                - text: Create Invoice
            - button [ref=e173] [cursor=pointer]:
              - generic [ref=e174]: 󰍝
        - generic [ref=e179]:
          - generic [ref=e181]:
            - button [ref=e182] [cursor=pointer]:
              - generic [ref=e183]:
                - heading "Filters" [level=3] [ref=e186]
                - generic [ref=e188]:
                  - button [ref=e190]:
                    - generic [ref=e191]:
                      - generic [ref=e192]: 󰑐
                      - text: Reset filters
                  - generic [ref=e194]: 󰅀
            - generic [ref=e202]:
              - generic [ref=e207]:
                - generic [ref=e208]: 󰍉
                - generic [ref=e210]:
                  - generic: Search
                  - textbox "Search" [ref=e211]
                - text: 󰅙
              - combobox [ref=e215]:
                - generic [ref=e216]:
                  - generic: Location
                  - combobox "Location" [ref=e218]
                - button [ref=e220] [cursor=pointer]: 󰍝
              - combobox [ref=e224]:
                - generic [ref=e225]:
                  - generic: Status
                  - combobox "Status" [ref=e227]
                - button [ref=e229] [cursor=pointer]: 󰍝
              - combobox [ref=e233]:
                - generic [ref=e234]:
                  - generic: Payment option
                  - combobox "Payment option" [ref=e236]
                - button [ref=e238] [cursor=pointer]: 󰍝
              - combobox [ref=e242]:
                - generic [ref=e243]:
                  - generic: Type
                  - combobox "Type" [ref=e245]
                - button [ref=e247] [cursor=pointer]: 󰍝
              - generic [ref=e252]:
                - generic [ref=e253]: 󰸗
                - generic [ref=e255]:
                  - generic: Created at
                  - textbox "Created at" [ref=e256]:
                    - generic: 󰅁 󰍝 󰅂 󰅁 󰍝 󰅂
                - text: 󰅙
          - generic [ref=e258]:
            - generic [ref=e260]:
              - generic [ref=e262]:
                - button "Select all" [ref=e270] [cursor=pointer]:
                  - generic [ref=e271]: 󰄬
                - generic [ref=e274]:
                  - button "Mark as paid" [disabled] [ref=e277]:
                    - generic [ref=e278]: 󰗡
                  - generic [ref=e283]:
                    - button [ref=e284] [cursor=pointer]
                    - generic: 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲
              - table [ref=e290]:
                - rowgroup [ref=e291]:
                  - row [ref=e292]:
                    - columnheader [ref=e293]:
                      - generic [ref=e294]:
                        - checkbox [ref=e295]
                        - generic [ref=e296] [cursor=pointer]: 󰄱
                    - columnheader [ref=e298]:
                      - button "Number" [ref=e299] [cursor=pointer]:
                        - generic [ref=e302]: 󰁝
                    - columnheader [ref=e305]:
                      - button "Location" [ref=e306] [cursor=pointer]:
                        - generic [ref=e309]: 󰁝
                    - columnheader [ref=e312]:
                      - button "Status" [ref=e313] [cursor=pointer]:
                        - generic [ref=e316]: 󰁝
                    - columnheader [ref=e319]:
                      - button "Payment option" [ref=e320] [cursor=pointer]:
                        - generic [ref=e323]: 󰁝
                    - columnheader [ref=e326]:
                      - button "Due date" [ref=e327] [cursor=pointer]:
                        - generic [ref=e330]: 󰁝
                    - columnheader [ref=e333]:
                      - button "Customer" [ref=e334] [cursor=pointer]:
                        - generic [ref=e337]: 󰁝
                    - columnheader [ref=e340]:
                      - button "Unit" [ref=e341] [cursor=pointer]:
                        - generic [ref=e344]: 󰁝
                    - columnheader "Discount" [ref=e347]
                    - columnheader [ref=e351]:
                      - button "Total (incl. VAT)" [ref=e352] [cursor=pointer]:
                        - generic [ref=e353]:
                          - generic [ref=e354]: Total (incl. VAT)
                          - generic [ref=e355]: 󰋽
                        - generic [ref=e357]: 󰁝
                    - columnheader [ref=e360]:
                      - button "Amount due" [ref=e361] [cursor=pointer]:
                        - generic [ref=e364]: 󰁝
                    - columnheader [ref=e367]:
                      - button "Issue date" [ref=e368] [cursor=pointer]:
                        - generic [ref=e371]: 󰁝
                    - columnheader "Actions" [ref=e374]
                  - row [ref=e378]:
                    - columnheader [ref=e379]
                - rowgroup [ref=e380]:
                  - row [ref=e381]:
                    - cell [ref=e382]:
                      - generic [ref=e383]:
                        - checkbox [ref=e384]
                        - generic [ref=e385] [cursor=pointer]: 󰄱
                    - cell [ref=e387]:
                      - link "INV-2229133" [ref=e388] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e390]:
                      - link "Vienna South" [ref=e391] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e393]:
                      - link "Open Credit note issued" [ref=e394] [cursor=pointer]:
                        - /url: /invoices/627867256935
                        - generic [ref=e396]:
                          - generic [ref=e397]: Open
                          - generic [ref=e399]: Credit note issued
                    - cell [ref=e401]:
                      - link "Manual" [ref=e402] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e404]:
                      - link "17 Oct 2026" [ref=e405] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e407]:
                      - link "Riley Yost" [ref=e408] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e411]:
                      - link [ref=e412] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell "-" [ref=e413]
                    - cell [ref=e415]:
                      - link "€840.00" [ref=e416] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e418]:
                      - link "€84.00" [ref=e419] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e421]:
                      - link "15 Oct 2026" [ref=e422] [cursor=pointer]:
                        - /url: /invoices/627867256935
                    - cell [ref=e424]:
                      - button [ref=e427] [cursor=pointer]:
                        - generic [ref=e428]: 󰇘
                        - generic: 󰇚 󰯝
                  - row [ref=e430]:
                    - cell [ref=e431]:
                      - generic [ref=e432]:
                        - checkbox [ref=e433]
                        - generic [ref=e434] [cursor=pointer]: 󰄱
                    - cell [ref=e436]:
                      - link "INV-2229132" [ref=e437] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e439]:
                      - link "Vienna South" [ref=e440] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e442]:
                      - link "Paid" [ref=e443] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e448]:
                      - link "Manual" [ref=e449] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e451]:
                      - link "17 Oct 2026" [ref=e452] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e454]:
                      - link "Cathy Wunsch" [ref=e455] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e458]:
                      - link [ref=e459] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell "-" [ref=e460]
                    - cell [ref=e462]:
                      - link "€104.40" [ref=e463] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e465]:
                      - link "€0.00" [ref=e466] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e468]:
                      - link "15 Oct 2026" [ref=e469] [cursor=pointer]:
                        - /url: /invoices/933494324799
                    - cell [ref=e471]:
                      - button [ref=e474] [cursor=pointer]:
                        - generic [ref=e475]: 󰇘
                        - generic: 󰇚
                  - row [ref=e477]:
                    - cell [ref=e478]:
                      - generic [ref=e479]:
                        - checkbox [ref=e480]
                        - generic [ref=e481] [cursor=pointer]: 󰄱
                    - cell [ref=e483]:
                      - link "INV-2229131" [ref=e484] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e486]:
                      - link "Vienna South" [ref=e487] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e489]:
                      - link "Paid" [ref=e490] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e495]:
                      - link "Manual" [ref=e496] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e498]:
                      - link "17 Oct 2026" [ref=e499] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e501]:
                      - link "Sven Anderson" [ref=e502] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e505]:
                      - link [ref=e506] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell "-" [ref=e507]
                    - cell [ref=e509]:
                      - link "€1,396.80" [ref=e510] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e512]:
                      - link "€0.00" [ref=e513] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e515]:
                      - link "15 Oct 2026" [ref=e516] [cursor=pointer]:
                        - /url: /invoices/249995544987
                    - cell [ref=e518]:
                      - button [ref=e521] [cursor=pointer]:
                        - generic [ref=e522]: 󰇘
                        - generic: 󰇚
                  - row [ref=e524]:
                    - cell [ref=e525]:
                      - generic [ref=e526]:
                        - checkbox [ref=e527]
                        - generic [ref=e528] [cursor=pointer]: 󰄱
                    - cell [ref=e530]:
                      - link "INV-2229130" [ref=e531] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e533]:
                      - link "Vienna South" [ref=e534] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e536]:
                      - link "Open Credit note issued" [ref=e537] [cursor=pointer]:
                        - /url: /invoices/385137673379
                        - generic [ref=e539]:
                          - generic [ref=e540]: Open
                          - generic [ref=e542]: Credit note issued
                    - cell [ref=e544]:
                      - link "Manual" [ref=e545] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e547]:
                      - link "17 Oct 2026" [ref=e548] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e550]:
                      - link "Carlo Rodriguez" [ref=e551] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e554]:
                      - link [ref=e555] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell "-" [ref=e556]
                    - cell [ref=e558]:
                      - link "€840.00" [ref=e559] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e561]:
                      - link "€720.00" [ref=e562] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e564]:
                      - link "15 Oct 2026" [ref=e565] [cursor=pointer]:
                        - /url: /invoices/385137673379
                    - cell [ref=e567]:
                      - button [ref=e570] [cursor=pointer]:
                        - generic [ref=e571]: 󰇘
                        - generic: 󰇚 󰯝
                  - row [ref=e573]:
                    - cell [ref=e574]:
                      - generic [ref=e575]:
                        - checkbox [ref=e576]
                        - generic [ref=e577] [cursor=pointer]: 󰄱
                    - cell [ref=e579]:
                      - link "8FF84C64-17592" [ref=e580] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e582]:
                      - link "Selfstorage UK" [ref=e583] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e585]:
                      - link "Pending payment" [ref=e586] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e591]:
                      - link "Auto charge" [ref=e592] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e594]:
                      - link "17 Oct 2026" [ref=e595] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e597]:
                      - link "Jack Connelly" [ref=e598] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e601]:
                      - link [ref=e602] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell "-" [ref=e603]
                    - cell [ref=e605]:
                      - link "€1,310.40" [ref=e606] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e608]:
                      - link "€1,310.40" [ref=e609] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e611]:
                      - link "15 Oct 2026" [ref=e612] [cursor=pointer]:
                        - /url: /invoices/171125862222
                    - cell [ref=e614]:
                      - button [ref=e617] [cursor=pointer]:
                        - generic [ref=e618]: 󰇘
                        - generic: 󰇚
                  - row [ref=e620]:
                    - cell [ref=e621]:
                      - generic [ref=e622]:
                        - checkbox [ref=e623]
                        - generic [ref=e624] [cursor=pointer]: 󰄱
                    - cell [ref=e626]:
                      - link "INV-2229129" [ref=e627] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e629]:
                      - link "Vienna South" [ref=e630] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e632]:
                      - link "Open" [ref=e633] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e638]:
                      - link "Manual" [ref=e639] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e641]:
                      - link "17 Oct 2026" [ref=e642] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e644]:
                      - link "Melyssa Wehner" [ref=e645] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e648]:
                      - link [ref=e649] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell "-" [ref=e650]
                    - cell [ref=e652]:
                      - link "€446.40" [ref=e653] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e655]:
                      - link "€446.40" [ref=e656] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e658]:
                      - link "15 Oct 2026" [ref=e659] [cursor=pointer]:
                        - /url: /invoices/182461897773
                    - cell [ref=e661]:
                      - button [ref=e664] [cursor=pointer]:
                        - generic [ref=e665]: 󰇘
                        - generic: 󰇚 󰯝
                  - row [ref=e667]:
                    - cell [ref=e668]:
                      - generic [ref=e669]:
                        - checkbox [ref=e670]
                        - generic [ref=e671] [cursor=pointer]: 󰄱
                    - cell [ref=e673]:
                      - link "INV-2229128" [ref=e674] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e676]:
                      - link "Vienna South" [ref=e677] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e679]:
                      - link "Paid" [ref=e680] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e685]:
                      - link "Manual" [ref=e686] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e688]:
                      - link "17 Oct 2026" [ref=e689] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e691]:
                      - link "Brent Emmerich" [ref=e692] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e695]:
                      - link [ref=e696] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell "-" [ref=e697]
                    - cell [ref=e699]:
                      - link "€1,616.40" [ref=e700] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e702]:
                      - link "€0.00" [ref=e703] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e705]:
                      - link "15 Oct 2026" [ref=e706] [cursor=pointer]:
                        - /url: /invoices/749153333233
                    - cell [ref=e708]:
                      - button [ref=e711] [cursor=pointer]:
                        - generic [ref=e712]: 󰇘
                        - generic: 󰇚
                  - row [ref=e714]:
                    - cell [ref=e715]:
                      - generic [ref=e716]:
                        - checkbox [ref=e717]
                        - generic [ref=e718] [cursor=pointer]: 󰄱
                    - cell [ref=e720]:
                      - link "INV-2229127" [ref=e721] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e723]:
                      - link "Vienna South" [ref=e724] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e726]:
                      - link "Voided" [ref=e727] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e732]:
                      - link "Manual" [ref=e733] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e735]:
                      - link "17 Oct 2026" [ref=e736] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e738]:
                      - link "Ivory Jenkins-Block" [ref=e739] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e742]:
                      - link [ref=e743] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell "-" [ref=e744]
                    - cell [ref=e746]:
                      - link "€1,612.80" [ref=e747] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e749]:
                      - link "€1,612.80" [ref=e750] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e752]:
                      - link "15 Oct 2026" [ref=e753] [cursor=pointer]:
                        - /url: /invoices/399586656473
                    - cell [ref=e755]:
                      - button [ref=e758] [cursor=pointer]:
                        - generic [ref=e759]: 󰇘
                        - generic: 󰇚
                  - row [ref=e761]:
                    - cell [ref=e762]:
                      - generic [ref=e763]:
                        - checkbox [ref=e764]
                        - generic [ref=e765] [cursor=pointer]: 󰄱
                    - cell [ref=e767]:
                      - link "INV-2229126" [ref=e768] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e770]:
                      - link "Vienna South" [ref=e771] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e773]:
                      - link "Paid Credit note issued" [ref=e774] [cursor=pointer]:
                        - /url: /invoices/194466715514
                        - generic [ref=e776]:
                          - generic [ref=e777]: Paid
                          - generic [ref=e779]: Credit note issued
                    - cell [ref=e781]:
                      - link "Manual" [ref=e782] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e784]:
                      - link "17 Oct 2026" [ref=e785] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e787]:
                      - link "Dan Bahringer" [ref=e788] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e791]:
                      - link [ref=e792] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell "-" [ref=e793]
                    - cell [ref=e795]:
                      - link "€840.00" [ref=e796] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e798]:
                      - link "€0.00" [ref=e799] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e801]:
                      - link "15 Oct 2026" [ref=e802] [cursor=pointer]:
                        - /url: /invoices/194466715514
                    - cell [ref=e804]:
                      - button [ref=e807] [cursor=pointer]:
                        - generic [ref=e808]: 󰇘
                        - generic: 󰇚
                  - row [ref=e810]:
                    - cell [ref=e811]:
                      - generic [ref=e812]:
                        - checkbox [ref=e813]
                        - generic [ref=e814] [cursor=pointer]: 󰄱
                    - cell [ref=e816]:
                      - link "INV-2229125" [ref=e817] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e819]:
                      - link "Vienna South" [ref=e820] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e822]:
                      - link "Paid" [ref=e823] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e828]:
                      - link "Manual" [ref=e829] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e831]:
                      - link "17 Oct 2026" [ref=e832] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e834]:
                      - link "Wilmer Kris" [ref=e835] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e838]:
                      - link [ref=e839] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell "-" [ref=e840]
                    - cell [ref=e842]:
                      - link "€532.80" [ref=e843] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e845]:
                      - link "€0.00" [ref=e846] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e848]:
                      - link "15 Oct 2026" [ref=e849] [cursor=pointer]:
                        - /url: /invoices/679819378854
                    - cell [ref=e851]:
                      - button [ref=e854] [cursor=pointer]:
                        - generic [ref=e855]: 󰇘
                        - generic: 󰇚
            - generic [ref=e859]:
              - generic [ref=e860]:
                - generic [ref=e861]: "Items per page:"
                - combobox [ref=e864]:
                  - generic [ref=e866] [cursor=pointer]:
                    - generic [ref=e867]: "10"
                    - combobox "Items per page:": "10"
                  - generic [ref=e869]: 󰍝
              - generic [ref=e871]: 1-10 of 150
              - generic [ref=e872]:
                - button [disabled]:
                  - generic: 󰘀
                - button [disabled]:
                  - generic: 󰅁
                - button [ref=e873] [cursor=pointer]:
                  - generic [ref=e874]: 󰅂
                - button [ref=e876] [cursor=pointer]:
                  - generic [ref=e877]: 󰘁
  - 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
    - dialog:
      - generic [ref=e881]:
        - generic [ref=e882]:
          - generic [ref=e884]:
            - generic [ref=e885]:
              - button [ref=e886] [cursor=pointer]:
                - generic [ref=e887]: 󰅖
              - heading "Create Invoice" [level=2] [ref=e890]
            - button "Save" [ref=e892] [cursor=pointer]
          - separator [ref=e894]
        - generic [ref=e896]:
          - group [ref=e897]:
            - heading "General" [level=3] [ref=e899]
            - generic [ref=e902]:
              - generic [ref=e905]:
                - combobox [ref=e907]:
                  - generic [ref=e909]:
                    - generic [ref=e910]: Ocie Satterfield (makenzie.grady31@gmail.com)
                    - combobox "Customer *" [ref=e912]
                  - button [ref=e914] [cursor=pointer]: 󰍝
                  - generic: Customer *
                - alert [ref=e915]
              - generic [ref=e918]:
                - combobox [ref=e920]:
                  - generic [ref=e922]:
                    - generic [ref=e923]: Selfstorage UK
                    - combobox "Location *" [ref=e925]: Selfstorage UK
                  - button [ref=e927] [cursor=pointer]: 󰍝
                  - generic: Location *
                - alert [ref=e928]
              - generic [ref=e931]:
                - generic [ref=e934]:
                  - generic: Memo
                  - textbox "Memo" [ref=e935]
                - generic [ref=e936]: 󰋽
                - alert [ref=e939]
              - generic [ref=e942]:
                - generic [ref=e945]:
                  - generic: Footer
                  - textbox "Footer" [ref=e946]
                - generic [ref=e947]: 󰋽
                - alert [ref=e950]
          - group [ref=e953]:
            - heading "One-time products" [level=3] [ref=e955]
            - generic [ref=e958]:
              - table [ref=e961]:
                - rowgroup [ref=e962]:
                  - row [ref=e963]:
                    - columnheader [ref=e964]
                    - columnheader "Qty" [ref=e965]
                    - columnheader "Price" [ref=e966]
                    - columnheader "VAT" [ref=e967]
                    - columnheader "Amount" [ref=e968]
                    - columnheader [ref=e969]
                - rowgroup [ref=e970]:
                  - row [ref=e971]:
                    - cell [ref=e972]:
                      - generic [ref=e973]:
                        - combobox [ref=e975]:
                          - generic [ref=e977]:
                            - generic [ref=e978]: Fantastic Product 5dUpI9
                            - combobox "One-time products *" [ref=e980]: Fantastic Product 5dUpI9
                          - button "Clear One-time products *" [ref=e982] [cursor=pointer]: 󰅙
                          - button [ref=e984] [cursor=pointer]: 󰍝
                          - generic: One-time products *
                        - alert [ref=e985]
                    - cell [ref=e987]:
                      - generic [ref=e989]:
                        - spinbutton [ref=e993]: "3"
                        - alert [ref=e994]
                    - cell "€476.00" [ref=e996]
                    - cell "20%" [ref=e997]
                    - cell "€1,428.00" [ref=e998]
                    - cell [ref=e999]
              - alert [ref=e1001]
              - button "Add one-time product" [ref=e1005] [cursor=pointer]
            - generic [ref=e1011]:
              - generic [ref=e1012]:
                - generic [ref=e1013]: Total excl.VAT
                - generic [ref=e1014]: €1,428.00
              - generic [ref=e1015]:
                - generic [ref=e1016]: VAT
                - generic [ref=e1017]: €285.60
              - generic [ref=e1018]:
                - generic [ref=e1019]: Total incl.VAT
                - generic [ref=e1020]: €1,713.60
            - alert [ref=e1022]
          - group [ref=e1024]:
            - heading "Payment" [level=3] [ref=e1026]
            - generic [ref=e1032]:
              - generic [ref=e1034]:
                - generic [ref=e1035]:
                  - generic [ref=e1036]:
                    - radio "Charge with existing payment method" [checked] [ref=e1037]
                    - generic [ref=e1038] [cursor=pointer]: Charge with existing payment method
                    - generic [ref=e1041]: 󰋽
                  - button "Add payment method" [ref=e1047] [cursor=pointer]
                - generic [ref=e1050]:
                  - radio "Email invoice + payment link to customer" [ref=e1051]
                  - generic [ref=e1052] [cursor=pointer]: Email invoice + payment link to customer
                  - generic [ref=e1054]: 󰋽
              - alert [ref=e1056]
    - 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
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - dialog:
      - generic [ref=e1062]:
        - button [ref=e1064] [cursor=pointer]:
          - generic [ref=e1065]: 󰅖
        - iframe [active] [ref=e1068]:
          - generic [ref=f2e7]:
            - generic [ref=f2e8]: Test Mode
            - generic [ref=f2e11]:
              - main [ref=f2e12]:
                - generic [ref=f2e16]:
                  - generic [ref=f2e24]:
                    - generic [ref=f2e25]: Email
                    - generic [ref=f2e26]: makenzie.grady31@gmail.com
                  - generic [ref=f2e36]:
                    - generic [ref=f2e37]: Bacs Direct Debit
                    - generic [ref=f2e57]:
                      - generic [ref=f2e58]:
                        - heading "Confirm your Direct Debit details" [level=3] [ref=f2e59]
                        - button "Modify" [ref=f2e60] [cursor=pointer]
                      - generic [ref=f2e63]:
                        - generic [ref=f2e64]:
                          - term [ref=f2e66]:
                            - generic [ref=f2e67]: Email
                          - definition [ref=f2e69]:
                            - generic [ref=f2e70]: makenzie.grady31@gmail.com
                        - generic [ref=f2e71]:
                          - term [ref=f2e73]:
                            - generic [ref=f2e74]: Name on account
                          - definition [ref=f2e76]:
                            - generic [ref=f2e77]: Ghostface
                        - generic [ref=f2e78]:
                          - term [ref=f2e80]:
                            - generic [ref=f2e81]: Sort code
                          - definition [ref=f2e83]:
                            - generic [ref=f2e84]: 10-88-00
                        - generic [ref=f2e85]:
                          - term [ref=f2e87]:
                            - generic [ref=f2e88]: Account number
                          - definition [ref=f2e90]:
                            - generic [ref=f2e91]: "00012345"
                      - generic [ref=f2e92]:
                        - paragraph [ref=f2e93]: An email will be sent to makenzie.grady31@gmail.com within three business days to confirm the setup of this debit instruction.
                        - paragraph [ref=f2e94]: Additionally, you will receive two days advance notice via email of any amount to be debited under this instruction. Payments will show as 'Stripe' on your bank statement.
                  - generic [ref=f2e96]:
                    - generic [ref=f2e99]:
                      - checkbox "I hereby declare that I am acting on behalf of my customer \"Ocie Satterfield\" who is the account holder and the only person required to authorise debits from this account. By saving the payment information of \"Ocie Satterfield\", \"Ocie Satterfield\" allows Storeroom to charge \"Ocie Satterfield\" for future payments in accordance with their terms." [checked] [ref=f2e101] [cursor=pointer]
                      - paragraph [ref=f2e105] [cursor=pointer]: I hereby declare that I am acting on behalf of my customer "Ocie Satterfield" who is the account holder and the only person required to authorise debits from this account. By saving the payment information of "Ocie Satterfield", "Ocie Satterfield" allows Storeroom to charge "Ocie Satterfield" for future payments in accordance with their terms.
                    - generic [ref=f2e108]:
                      - generic [ref=f2e109]:
                        - paragraph [ref=f2e110]:
                          - text: Your payments are protected by the
                          - link "Direct Debit Guarantee" [ref=f2e111] [cursor=pointer]:
                            - /url: https://stripe.com/legal/bacs-direct-debit-guarantee
                          - text: .
                        - img "Bacs Debit Logo" [ref=f2e112]
                      - paragraph [ref=f2e113]:
                        - text: Stripe, 9th Floor, 107 CheapsideLondon EC2V 6DN
                        - link "support@stripe.com" [ref=f2e114] [cursor=pointer]:
                          - /url: mailto:support@stripe.com
                    - button "Confirm" [ref=f2e117] [cursor=pointer]:
                      - generic:
                        - generic [ref=f2e119]: Confirm
                        - generic [ref=f2e120]: Processing
              - contentinfo [ref=f2e133]:
                - link [ref=f2e135] [cursor=pointer]:
                  - /url: https://stripe.com
                  - generic [ref=f2e136]:
                    - text: Powered by
                    - img "Stripe" [ref=f2e138]
                - link "Terms" [ref=f2e140] [cursor=pointer]:
                  - /url: https://stripe.com/legal/end-users
                - link "Privacy" [ref=f2e141] [cursor=pointer]:
                  - /url: https://stripe.com/privacy
    - tooltip
```

# Test source

```ts
  1  | import { PaymentMethodAddDialog } from '@/manager/modules/ui/payment-method/views/PaymentMethodAddDialog';
  2  | import { getSegmentedCardHost } from '@/manager/shared/utils/locator-utils';
  3  | import { BaseComponent } from '@/shared/base/BaseComponent';
  4  | import { PaymentMethod } from '@/shared/modules/payment-method/payment-method-types';
  5  | import { formatPaymentMethodMaskedNumber } from '@/shared/utils/formatters';
  6  | 
  7  | export class PaymentMethodAddForm extends BaseComponent {
  8  |   readonly loading = this.host.getByTestId('payment-methods-dropdown-loading');
  9  |   readonly addButton = this.host.getByTestId('add-payment-method-button');
  10 | 
  11 |   async select(method: PaymentMethod): Promise<void> {
  12 |     const segmentedCard = getSegmentedCardHost(this.host, this.formatSegmentedCardLabel(method));
  13 | 
  14 |     await this.loading.waitFor({ state: 'hidden' });
  15 | 
  16 |     if (await segmentedCard.isHidden()) {
  17 |       await this.add(method);
  18 |     } else {
  19 |       await segmentedCard.click();
  20 |     }
  21 |   }
  22 | 
  23 |   async add(method: PaymentMethod): Promise<void> {
  24 |     const segmentedCard = getSegmentedCardHost(this.host, this.formatSegmentedCardLabel(method));
  25 | 
  26 |     await this.loading.waitFor({ state: 'hidden' });
  27 | 
  28 |     const dialog = await this.openAddDialog();
> 29 |     await Promise.all([segmentedCard.waitFor(), dialog.add(method)]);
     |                                      ^ Error: locator.waitFor: Test timeout of 120000ms exceeded.
  30 |   }
  31 | 
  32 |   private async openAddDialog(): Promise<PaymentMethodAddDialog> {
  33 |     await this.addButton.click();
  34 |     return new PaymentMethodAddDialog(this.host.page());
  35 |   }
  36 | 
  37 |   private formatSegmentedCardLabel(method: PaymentMethod): string {
  38 |     let label: string;
  39 | 
  40 |     switch (method.kind) {
  41 |       case 'sepa':
  42 |         label = 'IBAN';
  43 |         break;
  44 |       case 'card':
  45 |         label = 'Card';
  46 |         break;
  47 |       case 'bacs':
  48 |         label = 'Bacs Direct Debit';
  49 |         break;
  50 |     }
  51 | 
  52 |     return `${label} ${formatPaymentMethodMaskedNumber(method)}`;
  53 |   }
  54 | }
  55 | 
```