From da1ef04aff374c913f9b704078f1013ffae26239 Mon Sep 17 00:00:00 2001 From: Lachlan Miller Date: Tue, 6 Jun 2023 19:35:56 +1000 Subject: [PATCH 1/2] docs: add notes about runners --- docs/guide/index.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/guide/index.md b/docs/guide/index.md index 2a59781ca..dd12199d3 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -38,10 +38,11 @@ test('displays message', () => { Vue Test Utils is commonly used with a test runner. Popular test runners include: -- [Vitest](https://vitest.dev/) -- [Cypress](https://cypress.io/) +- [Vitest](https://vitest.dev/). Terminal based. +- [Cypress](https://cypress.io/). Browser based, supports Vite, webpack. +- [Playwright](https://playwright.dev/docs/test-components) (experimental). Browser based, supports Vite. -Vue Test Utils is a minimal and unopinionated library. For something more featureful, ergonomic and opinionated you may want to consider [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview), which uses Vue Test Utils under the hood. It runs in a browser, so you can see your components rendered as the tests execute. +Vue Test Utils is a minimal and unopinionated library. For something more featureful, ergonomic and opinionated you may want to consider [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview) which has a hot reload development environment, or [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/) which emphasizes accessbility based selectors when making assertions. Both of these tools use Vue Test Utils under the hood and expose the same API. ## What Next? From 2cacd6b17ffa38f0e164bb6e8efee105e1ef583f Mon Sep 17 00:00:00 2001 From: Lachlan Miller Date: Wed, 7 Jun 2023 08:31:06 +1000 Subject: [PATCH 2/2] Update index.md --- docs/guide/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/guide/index.md b/docs/guide/index.md index dd12199d3..40ca5a7ce 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -38,11 +38,11 @@ test('displays message', () => { Vue Test Utils is commonly used with a test runner. Popular test runners include: -- [Vitest](https://vitest.dev/). Terminal based. +- [Vitest](https://vitest.dev/). Terminal based, has experimental browser UI. - [Cypress](https://cypress.io/). Browser based, supports Vite, webpack. - [Playwright](https://playwright.dev/docs/test-components) (experimental). Browser based, supports Vite. -Vue Test Utils is a minimal and unopinionated library. For something more featureful, ergonomic and opinionated you may want to consider [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview) which has a hot reload development environment, or [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/) which emphasizes accessbility based selectors when making assertions. Both of these tools use Vue Test Utils under the hood and expose the same API. +Vue Test Utils is a minimal and unopinionated library. For something more featureful, ergonomic and opinionated you may want to consider [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview) which has a hot reload development environment, or [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/) which emphasizes accessability based selectors when making assertions. Both of these tools use Vue Test Utils under the hood and expose the same API. ## What Next?