From 9bdbd10ff94a18dec135cfae343ae9e707643c34 Mon Sep 17 00:00:00 2001 From: Artem Belik Date: Mon, 10 Aug 2026 14:24:46 +0300 Subject: [PATCH 1/2] fix(list,select): disabled and selected (#DS-5375) --- .../components/core/option/_option-theme.scss | 8 ++++ .../list/__screenshots__/02-light.png | Bin 0 -> 13450 bytes packages/components/list/_list-theme.scss | 12 ++++++ .../components/list/e2e.playwright-spec.ts | 11 +++++ packages/components/list/e2e.ts | 27 ++++++++++++ .../select/__screenshots__/05-light.png | Bin 0 -> 31291 bytes .../components/select/e2e.playwright-spec.ts | 13 ++++++ packages/components/select/e2e.ts | 39 ++++++++++++++++++ packages/e2e/routes.ts | 6 ++- 9 files changed, 115 insertions(+), 1 deletion(-) create mode 100644 packages/components/list/__screenshots__/02-light.png create mode 100644 packages/components/select/__screenshots__/05-light.png diff --git a/packages/components/core/option/_option-theme.scss b/packages/components/core/option/_option-theme.scss index ba3b6c137c..4c1d10b5c7 100644 --- a/packages/components/core/option/_option-theme.scss +++ b/packages/components/core/option/_option-theme.scss @@ -36,6 +36,10 @@ @include kbq-option(states-disabled); } + &.kbq-selected.kbq-disabled { + background: var(--kbq-list-states-selected-container-background); + } + &:is(.kbq-selected, .kbq-active):has(+ :is(.kbq-selected, .kbq-active)) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -55,6 +59,10 @@ @include kbq-option(multiple-states-selected-hover); } } + + &.kbq-selected.kbq-disabled { + background: var(--kbq-list-multiple-states-selected-container-background); + } } } diff --git a/packages/components/list/__screenshots__/02-light.png b/packages/components/list/__screenshots__/02-light.png new file mode 100644 index 0000000000000000000000000000000000000000..143294eca2a6a380b6b746ae8bd871f808e8d34d GIT binary patch literal 13450 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 { await expect(getScreenshotTarget(locator)).toHaveScreenshot('01-dark.png'); }); }); + + test.describe('E2eListSelectionState', () => { + const getComponent = (page: Page) => page.getByTestId('e2eListSelectionState'); + + test('selected disabled option', async ({ page }) => { + await page.goto('/E2eListSelectionState'); + const component = getComponent(page); + + await expect(component).toHaveScreenshot('02-light.png'); + }); + }); }); diff --git a/packages/components/list/e2e.ts b/packages/components/list/e2e.ts index 8e084c992c..b5590b3c36 100644 --- a/packages/components/list/e2e.ts +++ b/packages/components/list/e2e.ts @@ -1,4 +1,5 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; +import { FormsModule } from '@angular/forms'; import { KbqBadgeModule } from '@koobiq/components/badge'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqListModule } from '@koobiq/components/list'; @@ -218,3 +219,29 @@ import { KbqListModule } from '@koobiq/components/list'; } }) export class E2eListStates {} + +@Component({ + selector: 'e2e-list-selection-state', + imports: [KbqListModule, FormsModule], + template: ` + + Selected + Selected + Disabled + Selected + + `, + styles: ` + :host { + display: block; + width: 400px; + padding: 8px; + } + `, + changeDetection: ChangeDetectionStrategy.OnPush, + host: { + 'data-testid': 'e2eListSelectionState' + } +}) +export class E2eListSelectionState { + protected readonly selected = [1, 2, 3]; +} diff --git a/packages/components/select/__screenshots__/05-light.png b/packages/components/select/__screenshots__/05-light.png new file mode 100644 index 0000000000000000000000000000000000000000..ba00ae71c1ba27ca4fc2aceed1620227bb45d7f3 GIT binary patch literal 31291 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 { }); }); + test.describe('E2eSelectSelectionState', () => { + const getComponent = (page: Page) => page.getByTestId('e2eSelectSelectionState'); + + test('selected disabled option', async ({ page }) => { + await page.goto('/E2eSelectSelectionState'); + const component = getComponent(page); + + await component.getByTestId('e2eSelect').click(); + + await expect(component).toHaveScreenshot('05-light.png'); + }); + }); + test.describe('E2eSelectWithSearchAndFooter', () => { const getComponent = (page: Page) => page.getByTestId('e2eSelectWithSearchAndFooter'); const getSelect = (locator: Locator) => locator.getByTestId('e2eSelect'); diff --git a/packages/components/select/e2e.ts b/packages/components/select/e2e.ts index e92ba921c8..d182d55748 100644 --- a/packages/components/select/e2e.ts +++ b/packages/components/select/e2e.ts @@ -2,6 +2,7 @@ import { Directionality } from '@angular/cdk/bidi'; import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling'; import { ChangeDetectionStrategy, Component, signal, ViewChild } from '@angular/core'; import { FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/forms'; +import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqInputModule } from '@koobiq/components/input'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -128,6 +129,44 @@ export class E2eMultiSelectStates {} }) export class E2eMultilineSelectStates {} +@Component({ + selector: 'e2e-select-selection-state', + imports: [KbqFormFieldModule, KbqSelectModule], + template: ` + + + Selected + Selected + Disabled + Selected + Option + + + + + `, + styles: ` + :host { + display: block; + width: 440px; + height: 180px; + padding: 8px; + } + `, + changeDetection: ChangeDetectionStrategy.OnPush, + host: { + 'data-testid': 'e2eSelectSelectionState' + } +}) +export class E2eSelectSelectionState { + protected readonly selected = [1, 2, 3]; +} + @Component({ selector: 'e2e-select-with-search-and-footer', imports: [ diff --git a/packages/e2e/routes.ts b/packages/e2e/routes.ts index ff059a5e7d..b8cb2f6bf8 100644 --- a/packages/e2e/routes.ts +++ b/packages/e2e/routes.ts @@ -36,7 +36,7 @@ import { E2eIconStateAndStyle, E2eIconSvg } from '../components/icon/e2e'; import { E2eInlineEditMenuButton, E2eInlineEditStates, E2eInlineEditTruncation } from '../components/inline-edit/e2e'; import { E2eInputStateAndStyle } from '../components/input/e2e'; import { E2eLinkStates } from '../components/link/e2e'; -import { E2eListStates } from '../components/list/e2e'; +import { E2eListSelectionState, E2eListStates } from '../components/list/e2e'; import { E2eLoaderOverlayCard, E2eLoaderOverlayStates } from '../components/loader-overlay/e2e'; import { E2eMarkdownStates } from '../components/markdown/e2e'; import { E2eModalFullCustom, E2eModalStates } from '../components/modal/e2e'; @@ -64,6 +64,7 @@ import { E2eSelectLongOptionText, E2eSelectPositioning, E2eSelectRtlPositioning, + E2eSelectSelectionState, E2eSelectStates, E2eSelectWithGroupsPositioning, E2eSelectWithGroupsRtlPositioning, @@ -155,6 +156,8 @@ const components = [ E2eModalStates, E2eModalFullCustom, E2eListStates, + E2eListSelectionState, + E2eListOptionActionVisibility, E2eLoaderOverlayStates, E2eLoaderOverlayCard, E2eAutocompleteStates, @@ -189,6 +192,7 @@ const components = [ E2eSelectStates, E2eMultiSelectStates, E2eMultilineSelectStates, + E2eSelectSelectionState, E2eTreeStates, E2eTreeSelectStates, E2eMultiTreeSelectStates, From 82156842422f6e6be80db7f8f38e08b3086d2112 Mon Sep 17 00:00:00 2001 From: Artem Belik Date: Mon, 10 Aug 2026 14:47:52 +0300 Subject: [PATCH 2/2] refactor: e2e --- packages/e2e/routes.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/e2e/routes.ts b/packages/e2e/routes.ts index b8cb2f6bf8..1700b8b783 100644 --- a/packages/e2e/routes.ts +++ b/packages/e2e/routes.ts @@ -157,7 +157,6 @@ const components = [ E2eModalFullCustom, E2eListStates, E2eListSelectionState, - E2eListOptionActionVisibility, E2eLoaderOverlayStates, E2eLoaderOverlayCard, E2eAutocompleteStates,