Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(webpack-dev-server): update the generated tsconfig path for angular CT #27723

Merged
merged 5 commits into from
Sep 6, 2023

Conversation

jordanpowell88
Copy link
Contributor

Additional details

This changes is needed so that Nx users can execute component-test tasks in parallel. This is a Huge performance blocker at the moment. This PR in version 13 unblocked users from doing this for React. However, this PR is needed to support this behavior for Angular (in addition to the other PR).

Essentially when Component Testing for Angular is launched we generate a tsconfig file on the fly in a temp directory that gets passed to the Angular builder. The builder returns a webpack config which we use in our webpack-dev-server. The issue is that when Nx users try to run in parallel the generated tsconfig file gets overwritten in the same path. This PR generates the temporarily tsconfig in a unique path based upon the projectRoot name.

Steps to test

How has the user experience changed?

No changes are made to the current UX. The change is that it now allows users with Nx to run in CT tests in parallel.

PR Tasks

@jordanpowell88 jordanpowell88 changed the title feat(webpack-dev-server): update the generated tsconfig path for angular CDT feat(webpack-dev-server): update the generated tsconfig path for angular CT Aug 31, 2023
Copy link
Contributor

@astone123 astone123 left a comment

Choose a reason for hiding this comment

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

Makes sense to me. Will be good for Nx users to be able to run CT in parallel.

@cypress
Copy link

cypress bot commented Aug 31, 2023

5 flaky tests on run #50835 ↗︎

0 4475 944 0 Flakiness 5

Details:

Merge branch 'develop' into jordanpowell88/update-angular-tsconfig-path
Project: cypress Commit: 8254be53e1
Status: Passed Duration: 14:31 💡
Started: Sep 6, 2023 3:04 PM Ended: Sep 6, 2023 3:18 PM
Flakiness  commands/net_stubbing.cy.ts • 2 flaky tests • 5x-driver-webkit

View Output Video

Test Artifacts
... > with `times` > only uses each handler N times Output
network stubbing > intercepting response > can throttle a proxy response using res.setThrottle Output
Flakiness  cypress/cypress.cy.js • 3 flaky tests • 5x-driver-webkit

View Output Video

Test Artifacts
... > correctly returns currentRetry Output
... > correctly returns currentRetry Output
... > correctly returns currentRetry Output

Review all test suite changes for PR #27723 ↗︎

@jordanpowell88 jordanpowell88 requested a review from a team August 31, 2023 17:08
@jordanpowell88 jordanpowell88 merged commit 264a118 into develop Sep 6, 2023
7 of 9 checks passed
@jordanpowell88 jordanpowell88 deleted the jordanpowell88/update-angular-tsconfig-path branch September 6, 2023 18:47
@cypress-bot
Copy link
Contributor

cypress-bot bot commented Sep 12, 2023

Released in 13.2.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v13.2.0, please open a new issue.

@cypress-bot cypress-bot bot locked as resolved and limited conversation to collaborators Sep 12, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cypress Component Test Performance Issue with Angular
3 participants