From e9a36f03919d788b043900caae2576c46f76ee8b Mon Sep 17 00:00:00 2001 From: Norihide Saito Date: Sun, 30 Nov 2025 11:44:15 +0900 Subject: [PATCH] fix: update selectors for disabled state in thumbnail component --- e2e/src/web/specs/timeline/utils.ts | 2 +- web/src/lib/components/assets/thumbnail/thumbnail.svelte | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/e2e/src/web/specs/timeline/utils.ts b/e2e/src/web/specs/timeline/utils.ts index 4c232ff09a..f6aa5e0f49 100644 --- a/e2e/src/web/specs/timeline/utils.ts +++ b/e2e/src/web/specs/timeline/utils.ts @@ -119,7 +119,7 @@ export const thumbnailUtils = { async expectSelectedReadonly(page: Page, assetId: string) { const container = thumbnailUtils.withAssetId(page, assetId); await expect(container.locator('[data-selected]')).toBeVisible(); - await expect(container.locator('button[role="checkbox"][disabled]')).toBeVisible(); + await expect(container.locator('[data-disabled]')).toBeVisible(); }, async expectTimelineHasOnScreenAssets(page: Page) { const first = await thumbnailUtils.getFirstInViewport(page); diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte index d141c96641..33a06d6fa2 100644 --- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte @@ -224,6 +224,8 @@ bind:this={element} data-asset={asset.id} data-thumbnail-focus-container + data-selected={selected || undefined} + data-disabled={disabled || undefined} tabindex={0} role="link" > @@ -234,7 +236,6 @@ { 'rounded-xl': selected }, ]} data-outline - data-selected={selected || undefined} >