Skip to content
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 7 additions & 2 deletions docs/app/component-testing/angular/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,12 @@ sidebar_label: Overview

## Framework Support

Cypress Component Testing supports Angular `^18.0.0` and `^19.0.0`.
Cypress Component Testing supports Angular `^18.0.0`, `^19.0.0`, and `^20.0.0`.

:::info

Our testing harness, `cypress/angular`, still requires `zone.js` and `@angular-devkit/build-angular` to be installed in your project, even if your project is zoneless or is built with `@angular/build`.
:::

## Tutorial

Expand Down Expand Up @@ -125,4 +130,4 @@ export default {
#### Sample Angular Apps

- [Angular 18](https://github.com/cypress-io/cypress-component-testing-apps/tree/main/angular)
- [Angular 19 Standalone](https://github.com/cypress-io/cypress-component-testing-apps/tree/main/angular-standalone)
- [Angular 20 Standalone](https://github.com/cypress-io/cypress-component-testing-apps/tree/main/angular-standalone)
20 changes: 10 additions & 10 deletions docs/app/component-testing/get-started.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,16 +40,16 @@ Cypress currently has official mounting libraries for
[Svelte](/app/component-testing/svelte/overview) and support for the
following development servers and frameworks:

| Framework | UI Library | Bundler |
| ------------------------------------------------------------------------------------------------------------------ | ------------- | ----------- |
| [React with Vite](/app/component-testing/react/overview#React-with-Vite) | React 18-19 | Vite 5-7 |
| [React with Webpack](/app/component-testing/react/overview#React-with-Webpack) | React 18-19 | Webpack 4-5 |
| [Next.js 14-15](/app/component-testing/react/overview#Nextjs) | React 18-19 | Webpack 5 |
| [Vue with Vite](/app/component-testing/vue/overview#Vue-with-Vite) | Vue 3 | Vite 5-7 |
| [Vue with Webpack](/app/component-testing/vue/overview#Vue-with-Webpack) | Vue 3 | Webpack 4-5 |
| [Angular](/app/component-testing/angular/overview#Framework-Configuration) | Angular 18-19 | Webpack 5 |
| [Svelte with Vite](/app/component-testing/svelte/overview#Svelte-with-Vite) <Badge type="info">Alpha</Badge> | Svelte 5 | Vite 5-7 |
| [Svelte with Webpack](/app/component-testing/svelte/overview#Svelte-with-Webpack) <Badge type="info">Alpha</Badge> | Svelte 5 | Webpack 4-5 |
| Framework | UI Library | Bundler |
| ------------------------------------------------------------------------------------------------------------------ | ------------- | --------- |
| [React with Vite](/app/component-testing/react/overview#React-with-Vite) | React 18-19 | Vite 5-7 |
| [React with Webpack](/app/component-testing/react/overview#React-with-Webpack) | React 18-19 | Webpack 5 |
| [Next.js 14-15](/app/component-testing/react/overview#Nextjs) | React 18-19 | Webpack 5 |
| [Vue with Vite](/app/component-testing/vue/overview#Vue-with-Vite) | Vue 3 | Vite 5-7 |
| [Vue with Webpack](/app/component-testing/vue/overview#Vue-with-Webpack) | Vue 3 | Webpack 5 |
| [Angular](/app/component-testing/angular/overview#Framework-Configuration) | Angular 18-20 | Webpack 5 |
| [Svelte with Vite](/app/component-testing/svelte/overview#Svelte-with-Vite) <Badge type="info">Alpha</Badge> | Svelte 5 | Vite 5-7 |
| [Svelte with Webpack](/app/component-testing/svelte/overview#Svelte-with-Webpack) <Badge type="info">Alpha</Badge> | Svelte 5 | Webpack 5 |

The following integrations are built and maintained by Cypress community members.

Expand Down
2 changes: 2 additions & 0 deletions docs/app/references/migration-guide.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,8 @@ module.exports = (on) => {
on(
'file:preprocessor',
webpackPreprocessor({
// if using typescript, you will need to set the typescript option to true
typescript: true,
webpackOptions: getWebpackOptions(),
})
)
Expand Down