Skip to content

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

Merged
jordanpowell88 merged 5 commits into
developfrom
jordanpowell88/update-angular-tsconfig-path
Sep 6, 2023
Merged

feat(webpack-dev-server): update the generated tsconfig path for angular CT#27723
jordanpowell88 merged 5 commits into
developfrom
jordanpowell88/update-angular-tsconfig-path

Conversation

@jordanpowell88

Copy link
Copy Markdown
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

@astone123 astone123 left a comment

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.

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

@cypress

cypress Bot commented Aug 31, 2023

Copy link
Copy Markdown

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
@jordanpowell88
jordanpowell88 deleted the jordanpowell88/update-angular-tsconfig-path branch September 6, 2023 18:47
@cypress-bot

cypress-bot Bot commented Sep 12, 2023

Copy link
Copy Markdown
Contributor

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