Skip to content

docs(contributing): improve Angular testing documentation and fix broken contributing link - #31250

Open
Zac-Smucker-Bryan wants to merge 4 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:angular-test-docs-update
Open

docs(contributing): improve Angular testing documentation and fix broken contributing link#31250
Zac-Smucker-Bryan wants to merge 4 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:angular-test-docs-update

Conversation

@Zac-Smucker-Bryan

@Zac-Smucker-Bryan Zac-Smucker-Bryan commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

Issue number: resolves #31251


What is the current behavior?

While working on e2e tests in the angular directory, I encountered a few documentation issues that made the local development workflow more difficult to follow.

These omissions made it difficult to reproduce and validate additions to Angular tests I was adding as part of a separate PR.

What is the new behavior?

This PR does the following:

  • Fixes the broken link to the Ionic E2E testing guide in CONTRIBUTING.md by using a repository-root-relative path.
  • Updating docs/angular/testing.md to document the complete workflow for syncing local Angular framework changes.
  • Documents that packages/angular-server should be built as part of the local testing workflow.
  • Documents that contributors should remove previous npm link relationships before beginning a new sync cycle.
  • Clarifies the recommended workflow for syncing local package changes.
  • Documents the Playwright browser installation step required before running Playwright tests for the first time.

Does this introduce a breaking change?

  • Yes
  • No

Other information

Add pre-step to use npm unlink * to remove problematic links. Add step to build angular server as part of the steps to sync all changes. Add clarification that playwright install is necessary for first time testing changes.
@vercel

vercel Bot commented Jun 26, 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.

@Zac-Smucker-Bryan
Zac-Smucker-Bryan marked this pull request as ready for review June 26, 2026 19:40
@Zac-Smucker-Bryan
Zac-Smucker-Bryan requested a review from a team as a code owner June 26, 2026 19:40
@Zac-Smucker-Bryan
Zac-Smucker-Bryan requested a review from gnbm June 26, 2026 19:40
@Zac-Smucker-Bryan Zac-Smucker-Bryan changed the title docs: improve Angular testing documentation and fix broken contributing link fix: improve Angular testing documentation and fix broken contributing link Jun 26, 2026
@gnbm gnbm changed the title fix: improve Angular testing documentation and fix broken contributing link fix(docs): improve Angular testing documentation and fix broken contributing link Jun 26, 2026
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
ionic-framework Ready Ready Preview, Comment Jun 29, 2026 3:25pm

Request Review

@brandyscarney brandyscarney changed the title fix(docs): improve Angular testing documentation and fix broken contributing link docs(contributing): improve Angular testing documentation and fix broken contributing link Jul 15, 2026
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/CONTRIBUTING.md
4. The `preview/` directory is used in the documentation as a demo. Only update this test if there is a bug in the test or if the API has a change that hasn't been updated in the test.

See [Ionic's E2E testing guide](../core/src/utils/test/playwright/docs/README.md) for information regarding the tools you can use to test Ionic.
See [Ionic's E2E testing guide](/core/src/utils/test/playwright/docs/README.md) for information regarding the tools you can use to test Ionic.

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.

I'm unable to reproduce the 404 error when clicking it from the web. What am I missing so I can validate this change?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Screen.Recording.2026-07-30.at.8.06.59.PM.mov

I get this when I am on the contributing tab, under modifying tests: https://github.com/ionic-team/ionic-framework?tab=contributing-ov-file#modifying-tests, and then click "See Ionic's E2E testing guide for more information..." at first it says error loading the page, but then if you do reload/refresh it says "Cannot find a valid ref in core/src/utils/test/playwright/docs/README.md"

Zac-Smucker-Bryan and others added 2 commits July 30, 2026 20:24
…gular testing

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
Based on feedback in code review
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.

test: documentation for E2E testing and syncing local Angular changes

2 participants