# 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/booking/booking-edit.spec.ts >> should cancel an active booking immediately
- Location: src/manager/tests/e2e/booking/booking-edit.spec.ts:27:7

# Error details

```
Error: expect(locator).toHaveText(expected) failed

Locator: getByTestId('app-page').getByTestId('app-page-header').getByTestId('base-view-header-status-cancels-on')
Expected: "ends on 9 Apr 2026"
Timeout: 20000ms
Error: element(s) not found

Call log:
  - Expect "toHaveText" with timeout 20000ms
  - waiting for getByTestId('app-page').getByTestId('app-page-header').getByTestId('base-view-header-status-cancels-on')

```

# Page snapshot

```yaml
- generic [active] [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=e149]:
          - link [ref=e151] [cursor=pointer]:
            - /url: /bookings
            - generic [ref=e153]: 󰁍
          - generic [ref=e156]:
            - generic [ref=e157]: Bookings
            - generic [ref=e158]:
              - heading "Booking 1985-1578-70" [level=1] [ref=e159]:
                - generic [ref=e160]: Booking 1985-1578-70
              - generic [ref=e164]: Cancelled
        - generic [ref=e167]:
          - generic [ref=e168]:
            - generic [ref=e170]:
              - heading "General" [level=3] [ref=e174]
              - table [ref=e177]:
                - rowgroup [ref=e178]:
                  - row "Customer Jonni Snowi" [ref=e179]:
                    - rowheader "Customer" [ref=e180]
                    - cell "Jonni Snowi" [ref=e181]:
                      - link "Jonni Snowi" [ref=e184] [cursor=pointer]:
                        - /url: /customers/3000300030
                        - generic [ref=e186]: Jonni Snowi
                  - row "Location Vienna South" [ref=e187]:
                    - rowheader "Location" [ref=e188]
                    - cell "Vienna South" [ref=e189]:
                      - link "Vienna South" [ref=e192] [cursor=pointer]:
                        - /url: /locations/561465857
                        - generic [ref=e194]: Vienna South
                  - row "Created at 9 Apr 2026" [ref=e195]:
                    - rowheader "Created at" [ref=e196]
                    - cell "9 Apr 2026" [ref=e197]:
                      - generic [ref=e199]: 9 Apr 2026
                  - row "Move-in 9 Apr 2026" [ref=e200]:
                    - rowheader "Move-in" [ref=e201]
                    - cell "9 Apr 2026" [ref=e202]:
                      - generic [ref=e204]: 9 Apr 2026
                  - row "Move-out 9 Apr 2026" [ref=e205]:
                    - rowheader "Move-out" [ref=e206]
                    - cell "9 Apr 2026" [ref=e207]:
                      - generic [ref=e209]: 9 Apr 2026
                  - row "Cancelled at 9 Apr 2026, 02:43" [ref=e210]:
                    - rowheader "Cancelled at" [ref=e211]
                    - cell "9 Apr 2026, 02:43" [ref=e212]:
                      - generic [ref=e214]: 9 Apr 2026, 02:43
                  - row "Deposit excl. VAT -" [ref=e215]:
                    - rowheader "Deposit excl. VAT" [ref=e216]
                    - cell "-" [ref=e217]:
                      - generic [ref=e219]: "-"
                  - row "Discount Cyber Monday 15% For 3 Months" [ref=e220]:
                    - rowheader "Discount" [ref=e221]
                    - cell "Cyber Monday 15% For 3 Months" [ref=e222]:
                      - generic [ref=e224]: Cyber Monday 15% For 3 Months
                  - row "Contract -" [ref=e225]:
                    - rowheader "Contract" [ref=e226]
                    - cell "-" [ref=e227]:
                      - generic [ref=e229]: "-"
            - generic [ref=e230]:
              - generic [ref=e231]:
                - heading "Billing" [level=3] [ref=e235]
                - table [ref=e238]:
                  - rowgroup [ref=e239]:
                    - row "Booking Plan Short term (26 weeks)" [ref=e240]:
                      - rowheader "Booking Plan" [ref=e241]
                      - cell "Short term (26 weeks)" [ref=e242]:
                        - generic [ref=e244]: Short term (26 weeks)
                    - row "Current period 9 Apr - 8 Oct 2026" [ref=e245]:
                      - rowheader "Current period" [ref=e246]
                      - cell "9 Apr - 8 Oct 2026" [ref=e247]:
                        - generic [ref=e249]: 9 Apr - 8 Oct 2026
                    - row "Amount excl. VAT €4,862.00" [ref=e250]:
                      - rowheader "Amount excl. VAT" [ref=e251]
                      - cell "€4,862.00" [ref=e252]:
                        - generic [ref=e254]: €4,862.00
                    - row "Price adjustment -" [ref=e255]:
                      - rowheader "Price adjustment" [ref=e256]
                      - cell "-" [ref=e257]:
                        - generic [ref=e259]: "-"
                    - row "Next invoice -" [ref=e260]:
                      - rowheader "Next invoice" [ref=e261]
                      - cell "-" [ref=e262]:
                        - generic [ref=e264]: "-"
                    - row "Payment method -" [ref=e265]:
                      - rowheader "Payment method" [ref=e266]
                      - cell "-" [ref=e267]:
                        - generic [ref=e269]: "-"
                    - row "Payment option Automatic payment through Stripe" [ref=e270]:
                      - rowheader "Payment option" [ref=e271]
                      - cell "Automatic payment through Stripe" [ref=e272]:
                        - generic [ref=e274]: Automatic payment through Stripe
              - generic [ref=e275]:
                - generic [ref=e277]:
                  - heading "Notes" [level=3] [ref=e279]
                  - link [ref=e281] [cursor=pointer]:
                    - /url: /bookings/1985157870/edit/notes
                    - generic [ref=e283]: 󰲶
                - table [ref=e286]:
                  - rowgroup [ref=e287]:
                    - row "Note -" [ref=e288]:
                      - rowheader "Note" [ref=e289]
                      - cell "-" [ref=e290]:
                        - generic [ref=e292]: "-"
          - generic [ref=e295]:
            - heading "Items" [level=3] [ref=e299]
            - generic [ref=e302]:
              - generic [ref=e303]:
                - generic [ref=e304]:
                  - link "VS 7 sqm Unit" [ref=e305] [cursor=pointer]:
                    - /url: /unit-types/483424269
                    - generic [ref=e307]: VS 7 sqm Unit
                  - text: /
                  - 'link "Unit 54 #364" [ref=e308] [cursor=pointer]':
                    - /url: /units/753667911
                    - generic [ref=e310]: "Unit 54 #364"
                - generic [ref=e311]: €4,420.00
              - generic [ref=e312]:
                - link "VS - Insurance weekly - 20" [ref=e313] [cursor=pointer]:
                  - /url: /insurances/1715162904
                  - generic [ref=e315]: VS - Insurance weekly - 20
                - generic [ref=e316]: €442.00
              - generic [ref=e317]:
                - generic [ref=e318]:
                  - strong [ref=e319]: Total excl. VAT
                  - strong [ref=e320]: €4,862.00
                - generic [ref=e321]:
                  - generic [ref=e322]: VAT
                  - generic [ref=e323]: €972.40
                - generic [ref=e324]:
                  - generic [ref=e325]: Total incl. VAT
                  - generic [ref=e326]: €5,834.40
          - generic [ref=e329]:
            - generic [ref=e331]:
              - heading "Invoices" [level=3] [ref=e333]
              - progressbar [ref=e336]:
                - img [ref=e337]
            - generic [ref=e344]:
              - generic [ref=e346]:
                - generic [ref=e348]:
                  - button "Select all" [ref=e356] [cursor=pointer]:
                    - generic [ref=e358]: 󰄬
                    - generic [ref=e359]: Select all
                  - generic [ref=e360]:
                    - button "Mark as paid" [disabled] [ref=e363]:
                      - generic [ref=e365]: 󰗡
                      - generic [ref=e366]: Mark as paid
                    - button "SEPA XML actions" [disabled] [ref=e369]:
                      - generic [ref=e371]: 󱨉
                      - generic [ref=e372]: SEPA XML actions
                      - generic: 󰗡 󰅚 󰗖
                    - generic [ref=e375]:
                      - button [ref=e376] [cursor=pointer]:
                        - generic [ref=e378]: 󱒇
                      - generic: 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲 󰄲
                - table [ref=e380]:
                  - rowgroup [ref=e381]:
                    - row "Number Status Payment option Due date Unit Total (incl. VAT) Amount due Issue date Actions" [ref=e382]:
                      - columnheader "Number" [ref=e383]:
                        - button "Number" [ref=e384] [cursor=pointer]:
                          - generic [ref=e386]: Number
                          - generic [ref=e389]: 󰁝
                      - columnheader "Status" [ref=e390]:
                        - button "Status" [ref=e391] [cursor=pointer]:
                          - generic [ref=e393]: Status
                          - generic [ref=e396]: 󰁝
                      - columnheader "Payment option" [ref=e397]:
                        - button "Payment option" [ref=e398] [cursor=pointer]:
                          - generic [ref=e400]: Payment option
                          - generic [ref=e403]: 󰁝
                      - columnheader "Due date" [ref=e404]:
                        - button "Due date" [ref=e405] [cursor=pointer]:
                          - generic [ref=e407]: Due date
                          - generic [ref=e410]: 󰁝
                      - columnheader "Unit" [ref=e411]:
                        - button "Unit" [ref=e412] [cursor=pointer]:
                          - generic [ref=e414]: Unit
                          - generic [ref=e417]: 󰁝
                      - columnheader "Total (incl. VAT)" [ref=e418]:
                        - button "Total (incl. VAT)" [ref=e419] [cursor=pointer]:
                          - generic [ref=e420]:
                            - generic [ref=e421]: Total (incl. VAT)
                            - generic [ref=e423]: 󰋽
                          - generic [ref=e426]: 󰁝
                      - columnheader "Amount due" [ref=e427]:
                        - button "Amount due" [ref=e428] [cursor=pointer]:
                          - generic [ref=e430]: Amount due
                          - generic [ref=e433]: 󰁝
                      - columnheader "Issue date" [ref=e434]:
                        - button "Issue date" [ref=e435] [cursor=pointer]:
                          - generic [ref=e437]: Issue date
                          - generic [ref=e440]: 󰁝
                      - columnheader "Actions" [ref=e441]:
                        - generic [ref=e444]: Actions
                    - row [ref=e445]:
                      - columnheader [ref=e446]
                  - rowgroup [ref=e447]:
                    - row "No data yet" [ref=e448]:
                      - cell "No data yet" [ref=e449]:
                        - generic [ref=e450]: No data yet
              - generic [ref=e453]:
                - generic [ref=e454]:
                  - generic [ref=e455]: "Items per page:"
                  - combobox [ref=e458] [cursor=pointer]:
                    - generic [ref=e460]:
                      - generic [ref=e462]: "10"
                      - combobox "Items per page:": "10"
                    - generic [ref=e464]: 󰍝
                - generic [ref=e465]: 0-0 of 0
                - generic [ref=e466]:
                  - button [disabled]:
                    - generic:
                      - generic: 󰘀
                  - button [disabled]:
                    - generic:
                      - generic: 󰅁
                  - button [disabled]:
                    - generic:
                      - generic: 󰅂
                  - button [disabled]:
                    - generic:
                      - generic: 󰘁
          - generic [ref=e469]:
            - generic [ref=e471]:
              - heading "Payments" [level=3] [ref=e473]
              - progressbar [ref=e476]:
                - img [ref=e477]
            - generic [ref=e484]:
              - table [ref=e488]:
                - rowgroup [ref=e489]:
                  - row "Total Status Invoice no. Date Payment method" [ref=e490]:
                    - columnheader "Total" [ref=e491]:
                      - button "Total" [ref=e492] [cursor=pointer]:
                        - generic [ref=e494]: Total
                        - generic [ref=e497]: 󰁝
                    - columnheader "Status" [ref=e498]:
                      - button "Status" [ref=e499] [cursor=pointer]:
                        - generic [ref=e501]: Status
                        - generic [ref=e504]: 󰁝
                    - columnheader "Invoice no." [ref=e505]:
                      - button "Invoice no." [ref=e506] [cursor=pointer]:
                        - generic [ref=e508]: Invoice no.
                        - generic [ref=e511]: 󰁝
                    - columnheader "Date" [ref=e512]:
                      - button "Date" [ref=e513] [cursor=pointer]:
                        - generic [ref=e515]: Date
                        - generic [ref=e518]: 󰁝
                    - columnheader "Payment method" [ref=e519]:
                      - button "Payment method" [ref=e520] [cursor=pointer]:
                        - generic [ref=e522]: Payment method
                        - generic [ref=e525]: 󰁝
                  - row [ref=e526]:
                    - columnheader [ref=e527]
                - rowgroup [ref=e528]:
                  - row "No data yet" [ref=e529]:
                    - cell "No data yet" [ref=e530]:
                      - generic [ref=e531]: No data yet
              - generic [ref=e534]:
                - generic [ref=e535]:
                  - generic [ref=e536]: "Items per page:"
                  - combobox [ref=e539] [cursor=pointer]:
                    - generic [ref=e541]:
                      - generic [ref=e543]: "10"
                      - combobox "Items per page:": "10"
                    - generic [ref=e545]: 󰍝
                - generic [ref=e546]: 0-0 of 0
                - generic [ref=e547]:
                  - button [disabled]:
                    - generic:
                      - generic: 󰘀
                  - button [disabled]:
                    - generic:
                      - generic: 󰅁
                  - button [disabled]:
                    - generic:
                      - generic: 󰅂
                  - button [disabled]:
                    - generic:
                      - generic: 󰘁
    - contentinfo [ref=e548]:
      - generic [ref=e549]:
        - generic [ref=e550]:
          - text: Kinnovis GmbH
          - generic [ref=e551]: 󰗦
          - text: "2026"
        - generic [ref=e552]: v2026.04.08
  - generic:
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
    - tooltip
```

# Test source

```ts
  1  | import { expect, Locator } from '@playwright/test';
  2  | 
  3  | export async function expectMultiLocatorToHaveText(locator: Locator, text: string[] | undefined): Promise<void> {
  4  |   if (!text) {
  5  |     await expectLocatorToBeEmpty(locator);
  6  |     return;
  7  |   }
  8  | 
  9  |   const expectedValue = RegExp(text.join('|'));
  10 | 
  11 |   for (const element of await locator.all()) {
  12 |     await expectSingleLocatorToHaveText(element, expectedValue);
  13 |   }
  14 | }
  15 | 
  16 | export async function expectSingleLocatorToHaveText(
  17 |   locator: Locator,
  18 |   text: string | RegExp | undefined
  19 | ): Promise<void> {
  20 |   text
> 21 |     ? await expect(locator).toHaveText(text, { ignoreCase: true, useInnerText: true })
     |                             ^ Error: expect(locator).toHaveText(expected) failed
  22 |     : await expectLocatorToBeEmpty(locator);
  23 | }
  24 | 
  25 | export async function expectLocatorToBeEmpty(locator: Locator): Promise<void> {
  26 |   await expect(locator).toHaveText(/^(\s*-?\s*)$/);
  27 | }
  28 | 
```