From 3dc9f1a447632722ba5d2e3b34d78394daf60cee Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <rubenvdlinde@gmail.com>
Date: Sun, 30 Aug 2026 17:02:35 +0200
Subject: [PATCH 1/2] fix(e2e): .vs__search is a wrapper now, not the input

development is red on E2E with three failures, all the same error:

  locator.fill: Element is not an <input>, <textarea>, <select>
  or [contenteditable]

  > 181 | await picker.fill(APP_A)
  > 126 | await picker.fill(name)

@nextcloud/vue 9.10 reworked NcSelect -- 'fix(NcSelect): floating label
design using NcTextField' (#8570) -- and NcTextField renders a wrapper.
Observed on a live 9.11 build rather than inferred:

  .vs__search  ->  <div class="input-field vs__search">
                   parent:      div.vs__selected-options
                   inputInside: true

It used to BE the <input>; it is now a div that CONTAINS one. Targeting
the input inside restores the old meaning and reads correctly against
either version.

catalog-ratings.spec.ts is fixed too. It was not among the three
failures -- its test may not have reached that line -- but it holds the
identical selector and would fail the same way. Fixing the instance and
leaving the class is how this comes back.

Verified: the DOM shape was measured against a seeded launchpad-demo
instance on :8605 running a build against 9.11, not read off a
changelog.
---
 tests/e2e/spec-coverage/catalog-ratings.spec.ts | 2 +-
 tests/e2e/spec-coverage/suite-wizard.spec.ts    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/tests/e2e/spec-coverage/catalog-ratings.spec.ts b/tests/e2e/spec-coverage/catalog-ratings.spec.ts
index 0b24479a..c2078172 100644
--- a/tests/e2e/spec-coverage/catalog-ratings.spec.ts
+++ b/tests/e2e/spec-coverage/catalog-ratings.spec.ts
@@ -173,7 +173,7 @@ async function submitReview(
 		.getByRole('textbox', { name: /^Title/ })
 		.first()
 		.fill(reviewTitle)
-	const rater = dialog.locator('.vs__search').first()
+	const rater = dialog.locator('.vs__search input').first()
 	await rater.click()
 	await page
 		.locator('.vs__dropdown-option', { hasText: new RegExp(`^${rating}$`) })
diff --git a/tests/e2e/spec-coverage/suite-wizard.spec.ts b/tests/e2e/spec-coverage/suite-wizard.spec.ts
index 08a06c9d..e2828df9 100644
--- a/tests/e2e/spec-coverage/suite-wizard.spec.ts
+++ b/tests/e2e/spec-coverage/suite-wizard.spec.ts
@@ -121,7 +121,7 @@ async function fillDetails(page: Page): Promise<void> {
 /** Attach one seeded module through the real NcSelect multi-picker. */
 async function attachApplication(page: Page, name: string): Promise<void> {
 	const w = wizard(page)
-	const picker = w.locator('.suite-wizard-step2 .vs__search').first()
+	const picker = w.locator('.suite-wizard-step2 .vs__search input').first()
 	await picker.click()
 	await picker.fill(name)
 	// The option list is teleported to body by vue-select, so it is queried on
@@ -176,7 +176,7 @@ test('suite wizard: the applications step offers existing modules and no create
 	// The picker offers a module that genuinely exists in the register — the
 	// one this run seeded. If the step invented its own options, or fetched
 	// nothing, this fails.
-	const picker = w.locator('.suite-wizard-step2 .vs__search').first()
+	const picker = w.locator('.suite-wizard-step2 .vs__search input').first()
 	await picker.click()
 	await picker.fill(APP_A)
 	await expect(

From 384bc792455e38c360099919a54742526c4de340 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <rubenvdlinde@gmail.com>
Date: Sun, 30 Aug 2026 17:27:52 +0200
Subject: [PATCH 2/2] style: Prettier the selector change

---
 tests/e2e/spec-coverage/catalog-ratings.spec.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/tests/e2e/spec-coverage/catalog-ratings.spec.ts b/tests/e2e/spec-coverage/catalog-ratings.spec.ts
index c329e121..885b092e 100644
--- a/tests/e2e/spec-coverage/catalog-ratings.spec.ts
+++ b/tests/e2e/spec-coverage/catalog-ratings.spec.ts
@@ -179,9 +179,7 @@ async function submitReview(
 	// and `fill()` refused it with "Element is not an <input>, <textarea>,
 	// <select> or [contenteditable]". Demand an actual input, whether the class
 	// sits on it or on an ancestor, so this survives the markup moving again.
-	const rater = dialog
-		.locator('input.vs__search, .vs__search input')
-		.first()
+	const rater = dialog.locator('input.vs__search, .vs__search input').first()
 	await rater.click()
 	await page
 		.locator('.vs__dropdown-option', { hasText: new RegExp(`^${rating}$`) })