mirror of
https://github.com/immich-app/immich.git
synced 2025-12-10 06:41:03 -08:00
fix: update selectors for disabled state in thumbnail component
This commit is contained in:
@@ -119,7 +119,7 @@ export const thumbnailUtils = {
|
|||||||
async expectSelectedReadonly(page: Page, assetId: string) {
|
async expectSelectedReadonly(page: Page, assetId: string) {
|
||||||
const container = thumbnailUtils.withAssetId(page, assetId);
|
const container = thumbnailUtils.withAssetId(page, assetId);
|
||||||
await expect(container.locator('[data-selected]')).toBeVisible();
|
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) {
|
async expectTimelineHasOnScreenAssets(page: Page) {
|
||||||
const first = await thumbnailUtils.getFirstInViewport(page);
|
const first = await thumbnailUtils.getFirstInViewport(page);
|
||||||
|
|||||||
@@ -224,6 +224,8 @@
|
|||||||
bind:this={element}
|
bind:this={element}
|
||||||
data-asset={asset.id}
|
data-asset={asset.id}
|
||||||
data-thumbnail-focus-container
|
data-thumbnail-focus-container
|
||||||
|
data-selected={selected || undefined}
|
||||||
|
data-disabled={disabled || undefined}
|
||||||
tabindex={0}
|
tabindex={0}
|
||||||
role="link"
|
role="link"
|
||||||
>
|
>
|
||||||
@@ -234,7 +236,6 @@
|
|||||||
{ 'rounded-xl': selected },
|
{ 'rounded-xl': selected },
|
||||||
]}
|
]}
|
||||||
data-outline
|
data-outline
|
||||||
data-selected={selected || undefined}
|
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user