Giter VIP home page Giter VIP logo

dom-testing-library's Introduction

DOM Testing Library

octopus

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

Read the docs | Edit the docs


Build Status Code Coverage version downloads MIT License

All Contributors PRs Welcome Code of Conduct

Watch on GitHub Star on GitHub Tweet

Table of Contents

The Problem

You want to write maintainable tests for your Web UI. As a part of this goal, you want your tests to avoid including implementation details of your components and rather focus on making your tests give you the confidence for which they are intended. As part of this, you want your testbase to be maintainable in the long run so refactors of your components (changes to implementation but not functionality) don't break your tests and slow you and your team down.

This Solution

The DOM Testing Library is a very light-weight solution for testing DOM nodes (whether simulated with JSDOM as provided by default with Jest or in the browser). The main utilities it provides involve querying the DOM for nodes in a way that's similar to how the user finds elements on the page. In this way, the library helps ensure your tests give you confidence in your UI code. The DOM Testing Library's 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/dom

Docs

Documentation

Read the docs (and discover framework and tool-specific implementations) at testing-library.com

Guiding Principles

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

We try to only expose methods and utilities that encourage you to write tests that closely resemble how your web pages are used.

Utilities are included in this project based on the following guiding principles:

  1. If it relates to rendering components, it deals with DOM nodes rather than component instances, nor should it encourage dealing with component instances.
  2. It should be generally useful for testing the application components in the way the user would use it. We are making some trade-offs here because we're using a computer and often a simulated browser environment, but in general, utilities should encourage tests that use the components the way they're intended to be used.
  3. Utility implementations and APIs should be simple and flexible.

At the end of the day, what we want is for this library to be pretty light-weight, simple, and understandable.

Contributors

Thanks goes to these people (emoji key):


Kent C. Dodds

πŸ’» πŸ“– πŸš‡ ⚠️

Greg BergΓ©

πŸ€”

Ryan Castner

πŸ“–

Daniel Sandiego

πŸ’»

PaweΕ‚ MikoΕ‚ajczyk

πŸ’»

Alejandro ÑÑñez Ortiz

πŸ“–

Matt Parrish

πŸ› πŸ’» πŸ“– ⚠️

Justin Hall

πŸ“¦

Anto Aravinth

πŸ’» ⚠️ πŸ“–

Jonah Moses

πŸ“–

Łukasz Gandecki

πŸ’» ⚠️ πŸ“–

Ivan Babak

πŸ› πŸ€” πŸ’» πŸ“–

Jesse Day

πŸ’»

Ernesto GarcΓ­a

πŸ’¬ πŸ’» πŸ“–

Josef Maxx Blake

πŸ’» πŸ“– ⚠️

Alex Cook

πŸ“– πŸ’‘ πŸ‘€

Daniel Cook

πŸ’» πŸ“– ⚠️

Thomas Chia

πŸ› πŸ’»

Tim Deschryver

πŸ’» ⚠️

Alex Krolick

πŸ’»

Maddi Joyce

πŸ’»

Peter Kamps

πŸ› πŸ’» ⚠️

Jonathan Stoye

πŸ“– πŸ’»

Sanghyeon Lee

πŸ’‘

Justice Mba

πŸ’» πŸ“– πŸ€”

Wayne Crouch

πŸ’»

Ben Elliott

πŸ’»

Ruben Costa

πŸ’»

Robert Smith

πŸ› πŸ€” πŸ“–

dadamssg

πŸ’»

Neil Kistner

πŸ’»

Ben Chauvette

πŸ’»

Jeff Baumgardt

πŸ’» πŸ“–

Matan Kushner

πŸ’» πŸ“– πŸ€” ⚠️

Alex Wendte

πŸ’» πŸ“– ⚠️

Tamas Fodor

πŸ“–

Benjamin Eckardt

πŸ’»

Ryan Campbell

πŸ“–

Taylor Briggs

⚠️

John Gozde

πŸ’»

C. T. Lin

πŸ“–

Terrence Wong

πŸ’»

Soo Jae Hwang

πŸ’»

Royston Shufflebotham

πŸ› πŸ’» πŸ“– ⚠️

Vadim Brodsky

πŸ’»

Eunjae Lee

πŸ’»

David Peter

πŸ’»

Shy Alter

πŸ’» πŸ“–

Łukasz Makuch

πŸ“¦

Tyler Haas

πŸ’» ⚠️

Vesa Laakso

πŸ’» ⚠️

Tulsi Sapkota

πŸ’»

Tiago Nunes

πŸ’» ⚠️

JaxCavalera

πŸ’» πŸ‘€

bopfer

⚠️

Jan Pfitzner

πŸ’»

David

πŸ’»

Diego Hernandez

πŸ’» ⚠️

Alex Young

πŸ’»

Paul Armstrong

πŸ’» ⚠️

TamΓ‘s SzabΓ³

πŸ’» ⚠️

Dylan Piercey

πŸ’» ⚠️

Michael Lasky

πŸ’» ⚠️ πŸ“–

Sebastian Silbermann

πŸ’» ⚠️ πŸ“– πŸš‡

Dylan Vann

πŸ’»

AdriΓ  Fontcuberta

πŸ’» ⚠️ πŸ“–

Thomas Lombart

πŸ’»

Sam Horton

πŸ’» ⚠️

Andrew Hill

πŸ’»

Jan Amann

πŸ’» ⚠️

Brais PiΓ±eiro

πŸ’» ⚠️

Dominykas BlyΕΎΔ—

πŸ’» ⚠️

Olzhas Askar

πŸ’» ⚠️ πŸ“–

Max Belsky

πŸ’» ⚠️

Michael Mantel

⚠️

Tom Nagle

πŸ’»

Westbrook Johnson

πŸ’»

Mohammad Aziz

πŸ’» ⚠️

seetdev

⚠️ πŸ’»

Xavier Garcia Buils

πŸ’» ⚠️

aw-davidson

πŸ’» ⚠️

MichaΓ«l De Boey

πŸ’»

Minh Nguyen

πŸ’»

Egill SveinbjΓΆrnsson

πŸ’»

Pavel Pustovalov

πŸ“–

Adam Palaniuk

πŸ’» ⚠️

Yama-Tomo

πŸ’» ⚠️

Aaron Pettengill

πŸ’» ⚠️

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

LICENSE

MIT

dom-testing-library's People

Contributors

afontcu avatar airjp73 avatar alexkrolick avatar allcontributors[bot] avatar bochap avatar chentsulin avatar dadamssg avatar dylanpiercey avatar dylanvann avatar eps1lon avatar gnapse avatar jeffbaumgardt avatar jonathanstoye avatar kentcdodds avatar lgandecki avatar lukaszmakuch avatar michaellasky avatar misoguy avatar msimulcik avatar pbomb avatar pheeria avatar puemos avatar roystons avatar ruffle1986 avatar shairez avatar sheerun avatar simenb avatar szabototo89 avatar taylorbriggs avatar valscion avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

tranzerodev

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.