Skip to content

chore(toggle): added screenshot tests (#DS-4293)#1088

Merged
artembelik merged 6 commits into
mainfrom
feat/hovered-toggle
Nov 1, 2025
Merged

chore(toggle): added screenshot tests (#DS-4293)#1088
artembelik merged 6 commits into
mainfrom
feat/hovered-toggle

Conversation

@artembelik

Copy link
Copy Markdown
Contributor

@artembelik artembelik self-assigned this Oct 31, 2025
Copilot AI review requested due to automatic review settings October 31, 2025 13:44
@artembelik
artembelik requested a review from rmnturov October 31, 2025 13:45
@artembelik

Copy link
Copy Markdown
Contributor Author

@rmnturov необходимо посмотреть только скриншоты

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR refactors the toggle component's hover state handling by introducing a reusable KbqHovered directive from the core library. The main improvements include better hover state management through a host directive and improved CSS selectors for more robust styling.

  • Adds a new KbqHovered directive to handle hover states declaratively
  • Updates toggle component to use the new directive via hostDirectives
  • Refactors SCSS to use more specific :has() pseudo-class selectors for conditional styling
  • Adds comprehensive E2E tests with screenshots for toggle states and variations

Reviewed Changes

Copilot reviewed 9 out of 12 changed files in this pull request and generated no comments.

Show a summary per file
File Description
packages/components/core/common-behaviors/hovered.ts New directive that manages hover state using RxJS and applies kbq-hovered class
packages/components/core/common-behaviors/hovered.spec.ts Test coverage for the new KbqHovered directive
packages/components/toggle/toggle.component.ts Integrates KbqHovered as a host directive
packages/components/toggle/toggle.scss Refactors CSS selectors to use :has() with label presence checks
packages/components/toggle/_toggle-theme.scss Updates hover styles to support both native :hover and .kbq-hovered class
packages/components/toggle/toggle-tokens.scss Removes unused vertical padding token
packages/components-dev/e2e/components/toggle.ts Adds E2E test components for toggle states and text/caption variations
packages/components-dev/e2e/components/toggle.playwright-spec.ts Adds Playwright tests including screenshot tests
packages/components-dev/e2e/template.html Adds toggle test components to E2E template
packages/components-dev/e2e/module.ts Imports new toggle test components

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@github-actions

github-actions Bot commented Oct 31, 2025

Copy link
Copy Markdown

Visit the preview URL for this PR (updated for commit 47862df):

https://koobiq-next--prs-1088-h3ioex01.web.app

(expires Thu, 06 Nov 2025 11:11:59 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c

@lskramarov

Copy link
Copy Markdown
Contributor

баг превратился в фичу...

как ранее договаривались в фиксе не должно быть ничего лишнего.

Comment thread packages/components/toggle/toggle.component.ts Outdated
@artembelik artembelik changed the title feat(toggle): added KbqHovered directive to host and screenshot tests (#DS-4293) chore(toggle): added screenshot tests (#DS-4293) Oct 31, 2025
@artembelik

artembelik commented Oct 31, 2025

Copy link
Copy Markdown
Contributor Author

как ранее договаривались в фиксе не должно быть ничего лишнего.

так и есть - #1087

скриншот тесты добавил отдельным пром

@artembelik
artembelik marked this pull request as draft October 31, 2025 14:17
@artembelik
artembelik marked this pull request as ready for review November 1, 2025 09:48
Comment thread packages/components/toggle/_toggle-theme.scss
@artembelik
artembelik merged commit cab4841 into main Nov 1, 2025
@artembelik
artembelik deleted the feat/hovered-toggle branch November 1, 2025 13:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants