Skip to content

docs(tests): Add specific guidance to testing standalone - #4611

Open
Zac-Smucker-Bryan wants to merge 5 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:zsb-ionic-docs
Open

docs(tests): Add specific guidance to testing standalone#4611
Zac-Smucker-Bryan wants to merge 5 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:zsb-ionic-docs

Conversation

@Zac-Smucker-Bryan

@Zac-Smucker-Bryan Zac-Smucker-Bryan commented Jul 31, 2026

Copy link
Copy Markdown

Resolves #3808

Description

  • Adds guidance about import componentOnReady for standalone projects from @ionic/core as a helper to improve testing when working with Ionic standalone, for Angular, React, and Vue
  • Adds a testing page for Vue (mostly a starter template with the standalone guidance above)
  • Adds specific testing example in the case of Angular w/the import implemented and then the helper called in the test.

Change Type

  • Fix
  • Feature
  • Refactor
  • Breaking Change
  • Documentation
  • Other (CI, chores, etc.)

Rationale / Problems Fixed

Standalone users can't always consistently test what they need without better guidance.

Notes / Comments

There is a companion issue (ionic-team/ionic-framework#31312) and PR (ionic-team/ionic-framework#31313) in ionic-framework that might need to be coordinated for language tweaks.

For Angular, React, and Vue. Includes new testing page for Vue as a starter.
@Zac-Smucker-Bryan
Zac-Smucker-Bryan requested a review from a team as a code owner July 31, 2026 15:01
@vercel

vercel Bot commented Jul 31, 2026

Copy link
Copy Markdown

@Zac-Smucker-Bryan is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Aug 3, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ionic-docs Ready Ready Preview Aug 5, 2026 5:32pm

Request Review

Comment thread docs/angular/testing.md Outdated
Comment thread docs/angular/testing.md Outdated
Comment thread docs/angular/testing.md Outdated
Comment thread docs/angular/testing.md Outdated
Comment thread docs/react/testing/unit-testing/best-practices.md Outdated
Comment thread docs/vue/testing.md Outdated
Comment thread docs/vue/testing.md Outdated
Comment thread docs/vue/testing.md Outdated
Comment thread docs/vue/testing.md Outdated
Comment thread docs/vue/testing.md Outdated
Zac-Smucker-Bryan and others added 2 commits August 4, 2026 19:33
Clarity on use of componentOnReady, conciseness of test example

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
Slight rephrasing of paragraph explaining componentOnReady helper
Add more concise test to Angular using componentOnReady helper
Move Angular to last part of Unit Testing
Add example test for React, matching Angular
Small formatting edits to Vue, add Vue testing page to sidebar
@Zac-Smucker-Bryan

Copy link
Copy Markdown
Author

Thanks for the feedback @thetaPC. I think I addressed all your comments. Let me know what else might need to be changed.

Comment thread docs/react/testing/unit-testing/best-practices.md
Comment thread docs/vue/testing.md
Zac-Smucker-Bryan and others added 2 commits August 5, 2026 14:19
Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
From code/docs review feedback
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.

content: Ionic Angular Testing (Standalone etc)

2 participants