Skip to content

feat+FIX: enhance VTour component with default tooltip placement and mult…#103

Merged
GlobalHive merged 14 commits into
GlobalHive:masterfrom
AdamDrewsTR:major-fix-and-more
Nov 6, 2025
Merged

feat+FIX: enhance VTour component with default tooltip placement and mult…#103
GlobalHive merged 14 commits into
GlobalHive:masterfrom
AdamDrewsTR:major-fix-and-more

Conversation

@AdamDrewsTR

@AdamDrewsTR AdamDrewsTR commented Nov 4, 2025

Copy link
Copy Markdown
Contributor

Enhance VTour component with default tooltip placement and multi-instance support

  • Fix major rendering/positioning/etc bugs
  • Added defaultPlacement prop to VTourProps for tooltip positioning.
  • Updated component to use scoped IDs and highlight classes based on the name prop.
  • Improved CSS visibility handling for backdrop and tooltip elements.
  • Refactored tests to accommodate Teleport rendering and scoped IDs.
  • Renamed component CSS output to avoid conflicts with SCSS.

Addresses #102

Accessibility

  • Introduced a new test suite for the VTour component focusing on accessibility features.
  • Verified ARIA attributes, live regions, button labels, and keyboard navigation.
  • Implemented helper functions for mounting the VTour component with default props.
  • Updated existing jump options tests to respect accessibility configurations.
  • Refactored existing tests to utilize new helper functions for improved readability and maintainability.
  • Added a transition stub to ensure immediate hook execution during tests.
  • Enhanced timer management in tests to ensure accurate timing and transitions.

…i-instance support

- Fix major rendering/positioning/etc bugs
- Added `defaultPlacement` prop to `VTourProps` for tooltip positioning.
- Updated component to use scoped IDs and highlight classes based on the `name` prop.
- Improved CSS visibility handling for backdrop and tooltip elements.
- Refactored tests to accommodate Teleport rendering and scoped IDs.
- Renamed component CSS output to avoid conflicts with SCSS.
@AdamDrewsTR

Copy link
Copy Markdown
Contributor Author

@GlobalHive This fixes major regressions I introduced that broke rendering, behavior. It was a bit of a bear to get it working in parity, but everything is looking good now (testing in local production code repos that use it).

Repository owner deleted a comment from codecov-commenter Nov 4, 2025
- Introduced a new test suite for the VTour component focusing on accessibility features.
- Verified ARIA attributes, live regions, button labels, and keyboard navigation.
- Implemented helper functions for mounting the VTour component with default props.
- Updated existing jump options tests to respect accessibility configurations.
- Refactored existing tests to utilize new helper functions for improved readability and maintainability.
- Added a transition stub to ensure immediate hook execution during tests.
- Enhanced timer management in tests to ensure accurate timing and transitions.
@codecov-commenter

codecov-commenter commented Nov 4, 2025

Copy link
Copy Markdown

⚠️ Please install the 'codecov app svg image' to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 78.78788% with 70 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
src/easing.ts 35.61% 47 Missing ⚠️
src/components/VTour.vue 91.05% 21 Missing and 2 partials ⚠️

📢 Thoughts on this report? Let us know!

@AdamDrewsTR AdamDrewsTR changed the title feat+FIX: enhance VTour component with default tooltip placement and mult… WIP: feat+FIX: enhance VTour component with default tooltip placement and mult… Nov 4, 2025
@AdamDrewsTR AdamDrewsTR marked this pull request as draft November 4, 2025 20:32
@AdamDrewsTR AdamDrewsTR changed the title WIP: feat+FIX: enhance VTour component with default tooltip placement and mult… feat+FIX: enhance VTour component with default tooltip placement and mult… Nov 4, 2025
@AdamDrewsTR AdamDrewsTR marked this pull request as ready for review November 4, 2025 21:18
@AdamDrewsTR

Copy link
Copy Markdown
Contributor Author

@GlobalHive Have time to review this?

@GlobalHive GlobalHive merged commit 5e692aa into GlobalHive:master Nov 6, 2025
5 checks passed
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