Release/0.9.0 #226
Merged
Release/0.9.0 #226
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ze animation waits; upload videos in CI
* fix: jumping when aligned at bottom (#69) * chore: use const instead of let * test(e2e): add Playwright visual tests (video + pixel diffs); stabilize animation waits; upload videos in CI --------- Co-authored-by: Justin Schroeder <justin@formkit.com>
This adds support for using `useAutoAnimate` with a component as the parent. When you add `ref="parent"` to a component, the element is found at `parent.value.$el`. This update checks for component elements or a plain HTML element ref.
* Improve offscreen handling, Vue integration, and cleanup in AutoAnimate Co-authored-by: justin <justin@formkit.com> * Add e2e tests for various autoAnimate scenarios and behaviors Co-authored-by: justin <justin@formkit.com>
* Angular >v17.1 support * angular example rewrite * Angular docs change * Update package.json * angular pnpm-lock & usage import fix * ' -> " typo fix --------- Co-authored-by: Gergely Dremak <gergely.dremak@hu.bosch.com> Co-authored-by: Justin Schroeder <justin@formkit.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…t failures - Restored deltaBottom/deltaRight checks to detect anchored elements - Fixed immediate position updates after animations (debounce=false) - Restored proper parent coordinate calculations in deletePosition - Added named export for autoAnimate to fix exports test - Fixed flaky framework animation tests by ensuring elements are visible - Added scrollIntoViewIfNeeded and increased wait times for CI reliability All bottom-jump-fix tests now pass across all browsers
…ments - Added 'pnpm build' step to GitHub Actions workflow before running tests - Fixed exports test by ensuring dist files are built in CI - Made framework animation tests more robust with polling approach - Added browser-specific timeouts for WebKit compatibility - Increased wait times and retry attempts for slow CI environments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
5 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces several improvements and new features across the codebase, focusing on enhanced Angular support, improved Playwright visual testing, expanded documentation (including Bun support), and a new bottom-aligned list test page. The Angular integration has been modernized for standalone components, Playwright configuration and artifact handling have been improved for visual regression testing, and Bun is now included in installation and code example documentation. Additionally, a new utility for offscreen detection has been added, and dependencies have been updated.
Angular Integration Improvements
AutoAnimateDirectiveto support Angular standalone components using the newinputandeffectAPIs, and removed the now-unnecessaryNgModuleand lifecycle hooks. This modernizes the directive for Angular 17+ and simplifies usage in both modules and standalone components. (src/angular/index.ts)docs/src/examples/angular/index.ts,docs/src/sections/SectionUsage.vue) [1] [2]Playwright Visual Testing Enhancements
test:e2e:visual) and Playwright configuration for screenshot comparison, including artifact upload of video recordings and relaxed pixel difference thresholds. (package.json,playwright.config.ts,.github/workflows/main.yml) [1] [2] [3].claude/settings.local.json.Documentation and Example Updates
IconBun.vuecomponent and UI updates to select Bun in the language switcher. (docs/src/components/CodeExample.vue,docs/src/components/IconBun.vue,docs/src/examples/installation/index.ts) [1] [2] [3] [4] [5]docs/src/sections/SectionUsage.vue) [1] [2]New Features and Utilities
PageBottomJumpTest.vue) and route for testing bottom-aligned list animations, including a resettable list UI. (docs/src/pages/PageBottomJumpTest.vue,docs/src/main.ts) [1] [2]isOffscreenutility function to detect if an element is outside the viewport, improving animation behavior for offscreen elements. (src/index.ts)Dependency and Build Updates
pixelmatchandpngjsfor image comparison in visual tests; improved CI build step to optionally skip Nuxt build. (package.json,build/bundle.ts) [1] [2] [3]If you have questions about any of these changes or want to see how to use the new Angular directive or Bun support, let me know!