testing-library / svelte-testing-library

:chipmunk: Simple and complete Svelte DOM testing utilities that encourage good testing practices
https://testing-library.com/docs/svelte-testing-library/intro
MIT License
614 stars 33 forks source link
svelte testing

Svelte Testing Library

chipmunk

Simple and complete Svelte testing utilities that encourage good testing practices.

[**Read The Docs**][stl-docs] | [Edit the docs][stl-docs-repo] [![Build Status][build-badge]][build] [![Code Coverage][coverage-badge]][coverage] [![version][version-badge]][package] [![downloads][downloads-badge]][downloads] [![MIT License][license-badge]][license] [![All Contributors][contributors-badge]][contributors] [![PRs Welcome][prs-badge]][prs] [![Code of Conduct][coc-badge]][coc] [![Discord][discord-badge]][discord] [![Watch on GitHub][github-watch-badge]][github-watch] [![Star on GitHub][github-star-badge]][github-star] [![Tweet][twitter-badge]][twitter]

Table of Contents

The Problem

You want to write maintainable tests for your Svelte components.

This Solution

@testing-library/svelte is a lightweight library for testing Svelte components. It provides functions on top of svelte and @testing-library/dom so you can mount Svelte components and query their rendered output in the DOM. Its primary guiding principle is:

The more your tests resemble the way your software is used, the more confidence they can give you.

Installation

This module is distributed via npm which is bundled with node and should be installed as one of your project's devDependencies:

npm install --save-dev @testing-library/svelte

This library supports svelte versions 3, 4, and 5.

You may also be interested in installing @testing-library/jest-dom so you can use the custom jest matchers.

Setup

We recommend using @testing-library/svelte with Vitest as your test runner. To get started, add the svelteTesting plugin to your Vite or Vitest config.

  // vite.config.js
  import { svelte } from '@sveltejs/vite-plugin-svelte'
+ import { svelteTesting } from '@testing-library/svelte/vite'

  export default defineConfig({
    plugins: [
      svelte(),
+     svelteTesting(),
    ]
  });

See the setup docs for more detailed setup instructions, including for other test runners like Jest.

Docs

See the docs over at the Testing Library website.

Issues

Looking to contribute? Look for the Good First Issue label.

šŸ› Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.

See Bugs

šŸ’” Feature Requests

Please file an issue to suggest new features. Vote on feature requests by adding a šŸ‘. This helps maintainers prioritize what to work on.

See Feature Requests

ā“ Questions

For questions related to using the library, please visit a support community instead of filing an issue on GitHub.

Contributors

Thanks goes to these people (emoji key):

Ben Monro
Ben Monro

šŸ’» āš ļø šŸ¤” šŸ“–
Emil Tholin
Emil Tholin

šŸ’» āš ļø šŸ¤”
Eduardo Rabelo
Eduardo Rabelo

āš ļø šŸ’» šŸ“– šŸ’”
Tim Deschryver
Tim Deschryver

šŸ“–
Emanuele
Emanuele

šŸ’» āš ļø šŸ“–
pngwn
pngwn

šŸ’» āš ļø
Sebastian Silbermann
Sebastian Silbermann

šŸ’»
Rahim Alwer
Rahim Alwer

šŸ’» šŸ“– āš ļø šŸ‘€
Bob
Bob

šŸ› šŸ’»
Ron Merkin
Ron Merkin

šŸ’»
Ben McCann
Ben McCann

āš ļø
John Bowser
John Bowser

šŸ’» āš ļø
Yoann
Yoann

šŸ’»
Yanick Champoux
Yanick Champoux

šŸ’»
Michael Cousins
Michael Cousins

šŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!