Top 23 JavaScript Testing Projects
-
-
Cypress is an automated end-to-end testing framework with over three million weekly open-source downloads at the time of this writing. It’s steady popularity isn’t without reason; the perks of using Cypress include, among other things, a snapshot visualization tool, automatic reloads after any change in your tests, and the ability to control network requests and responses without ever hitting your server.
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
Here is a quick tutorial on Test-Driven Development (TDD) with the Mocha test tool and Node.js.
-
React 17 Release Candidate came out. Shortly after, an issue has been raised in Enzyme repository to add support for React 17. Immediately after, @layershifter has opened a PR adding an official enzyme-adapter-react-17.
-
I really enjoy Ava [1] or anything assert-tape-like [2]. "uvu" [3] is getting a lot of love lately, but it's very feature limited and much of it's touted advantages are at the detriment to feature set.
[1] https://github.com/avajs/ava
[2] https://github.com/substack/tape
[3] https://github.com/lukeed/uvu
Jest is great for front-end (or full stack integration) testing, but I feel it's specialized for that use-case and doesn't always play nice with backend/middle-tier testing needs.
-
react-testing-library
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
There are many ways to test component UIs and some testing frameworks help us achieve that, to mention but a few react-testing-library, where we write tests to check what a component has, for example, if we are testing a form component, we will write tests to check it a button is rendered, if there are input and/or select tags, etc and we usually see the results in our terminals but with React cosmos, we have a visual way to test our components (Visual TDD) which makes testing easier.
-
Project mention: Automated Cross Browser Testing With Jasmine Framework & Selenium | dev.to | 2022-01-17
Step 1 : Download the latest version of Jasmine from the official website.
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
javascript-testing-best-practices
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)
Project mention: Bonnes pratiques des test Javascript et Node.js | reddit.com/r/journalduhacker | 2022-01-16 -
volkswagen
:see_no_evil: Volkswagen detects when your tests are being run in a CI server, and makes them pass.
Or literally this: https://github.com/auchenberg/volkswagen
-
Project mention: Possible alternatives to Front End Web Development | reddit.com/r/Frontend | 2021-12-06
If the company uses something like Cypress or Nightwatch, then you'll need to write tests in Javascript, and often will deal with APIs / patterns (e.g. CSS selectors) that appear in traditional frontend work.
-
Whilst developing a RN UI component for Video playback by work I couldn't find a nice way to write integration tests that would test the bridging between my JS and native layers. Jest tests only verify JS code and mocks the native side (by design), but I wanted to write a test that verified my component in its entirety (JS all the way to the native layers). Sure I could have written an E2E test in Detox to drive through some UI and verified the JSNative integration indirectly by displaying some text on the screen and checking for it, but it didn't feel quite right? (especially since this Video component has a bunch of callbacks and state that I wanted to verify). I wanted to do something similar to instrumented tests on Android where you can write unit and integration tests at a lower level and run them on a device or emulator. So I actually wrote a small utility in React and TypeScript that allows me to write low level integration/unit tests for a native UI component (or module). The test then gets executed as part of our E2E Detox test run 🎉. If this concept is of interest I could publish some code and a write a more detailed article, so let me know 🙏. Also, if there's an existing way to write integration tests for native UI components or modules that can test the JS and Native layers together, please let me know 👍. https://reddit.com/link/kexgsj/video/45ksb1qzxq561/player
-
For us at Begin and Architect, tape has been in use for several years. tape has a stable and straightforward API, routine maintenance updates, and outputs TAP, making it really versatile. While TAP is legible, it's not the most human-readable format. Fortunately, several TAP reporters can help display results for developers. Until recently, Begin's TAP reporter of choice was tap-spec. Sadly tap-spec wasn't kept up to date and npm began reporting vulnerabilities.
-
Project mention: Web Skills – This is a nice chart of web dev skills. Could be a reminder of how far you've come, or a glimpse of how much there is to learn. Web development is hard. | reddit.com/r/webdev | 2021-10-10
I recommend reading the Readme for the project as others have mentioned https://github.com/andreasbm/web-skills, as it isn't the intention of the author to deter beginner programmers.
-
Jest uses a package called Istanbul to provide test coverage metrics such as statement, branch, function, and line coverage so that you can understand and enforce the quality of your test suite, providing more confidence in releases.
-
Project mention: Hello, I inherited a site and got put in charge of ensuring ADA WCAG compliance, could use help with tooling | reddit.com/r/accessibility | 2022-01-04
I'd recommend the axe-core library. It's "just JavaScript" which means you can run it fully in your control and automate it however you want, no fees, no services, no internet needed!
-
Project mention: 🚀10 Trending projects on GitHub for web developers - 15th October 2021 | dev.to | 2021-10-15
Tests are located in the test/ folder. Load test/test.html in your browser of choice with any HTTP server you like (I use http-server). Tests are written in QUnit and are…
-
One more tip for the backend developers: make sure the API implementation is tested against the API specification using contract-testing tools such as Dredd or Schemathesis. I specially recommend schemathesis as it's a lot more comprehensive. I recommend you run those tests in the CI and require them to pass before they can merge their API changes. This is the only reliable way to ensure the API works as expected.
-
This is where https://testomat.io comes in. I discovered this TCM whilst working with https://codecept.io/ and part of their Slack group. Testomatio is built by the team behind codeceptjs, bringing in vast experience in test automation behind the scenes.
-
There are lots of toolkits out there for ensuring the inclusivity and accessibility of our sites: with the likes axe-core and htmlcs for static analysis, and pa11y, koa11y, and cypress-audit (there are more) for helping us to explore or automate static analysis checks into our CI pipelines. 🚀🚀
-
In my case, I used docker-compose to do this, but please read accordingly. Of course, you can also use Docker commands to run it, and even if you don't have Docker environment, you can install and use it with npm command. For more information, please look at official document here .
-
We will also use an additional plugin with Testing Library called user-event, which allows us to mimic user events, like typing inside an input or clicking on a button. We will also use a plugin called jest-dom, which extends the DOM-related matching capabilities of Jest, which we require because we are dealing with web components.
-
jest-image-snapshot
✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
A combination of https://github.com/americanexpress/jest-image-snapshot and whichever of https://www.npmjs.com/search?q=keywords:pdf%20to%20png renders your PDF the best should work.
-
power-assert
Power Assert in JavaScript. Provides descriptive assertion messages through standard assert interface. No API is the best API.
Project mention: [AskJS] Can i read an object's value expression without evaluating it? | reddit.com/r/javascript | 2022-01-05I recently stumbled upon power-assert library that deparses a false value and throws an exception with an explanation how it was evaluated (tutorial & playground included). I don't really understand how it works but perhaps one of its dependencies/components could do something similar to what you want.
JavaScript Testing related posts
- Best way to add unit testing to SvelteKit Project?
- Thread Diario de Dudas, Consultas y Mitaps - 19/01
- The Node.js testing bible (with example app)
- Simple Test-Driven Development (TDD) With Mocha and Node.js
- Bonnes pratiques des test Javascript et Node.js
- Cypress and Flaky Tests: How to Handle Timeout Errors
- Famous Node developer (TJ) asked to delete all his commits
Index
What are some of the best open-source Testing projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | nodebestpractices | 73,965 |
| 2 | Cypress | 36,062 |
| 3 | mocha | 21,076 |
| 4 | Enzyme | 19,799 |
| 5 | ava | 19,547 |
| 6 | react-testing-library | 15,790 |
| 7 | jasmine | 15,279 |
| 8 | javascript-testing-best-practices | 14,222 |
| 9 | volkswagen | 12,209 |
| 10 | nightwatch | 10,934 |
| 11 | Detox | 9,095 |
| 12 | tape | 5,567 |
| 13 | web-skills | 5,273 |
| 14 | nyc | 4,881 |
| 15 | axe-core | 4,331 |
| 16 | qunit | 3,932 |
| 17 | dredd | 3,786 |
| 18 | CodeceptJS | 3,606 |
| 19 | pa11y | 3,244 |
| 20 | maildev | 3,144 |
| 21 | jest-dom | 2,970 |
| 22 | jest-image-snapshot | 2,964 |
| 23 | power-assert | 2,709 |
Are you hiring? Post a new remote job listing for free.
