Need advice about which tool to choose?Ask the StackShare community!

Enzyme

973
347
+ 1
0
Jasmine

2.6K
1.5K
+ 1
186
Add tool

Enzyme vs Jasmine: What are the differences?

Introduction

Enzyme and Jasmine are both popular JavaScript testing frameworks used for testing React applications. However, there are key differences between the two.

  1. Shallow Rendering vs Full Rendering: Enzyme allows for shallow rendering, which means that it only renders the component being tested and none of its children. This can be useful for isolating and testing specific components. On the other hand, Jasmine uses full rendering, which renders the entire component tree. This can be beneficial for testing the interaction between components and their children.

  2. API Design: Enzyme has a more intuitive and easy-to-use API design compared to Jasmine. Enzyme provides a set of utility functions such as mount, shallow, and render that make it easier to manipulate and traverse React component trees. Jasmine, on the other hand, has a more traditional API for writing tests.

  3. Test Runner: Jasmine includes its own test runner, which means that you can write and execute tests without the need for any additional tools or libraries. Enzyme, on the other hand, requires a test runner like Jest or Mocha to run the tests.

  4. Component Selection: Enzyme provides several ways to select components for testing, including selectors like find, filter, contains, and hasClass. These selectors make it easier to select and interact with specific components and their properties. Jasmine, on the other hand, does not provide built-in selectors for component selection and manipulation.

  5. DOM Testing: Enzyme provides a robust set of APIs for interacting with and testing the DOM. It allows you to simulate events, test DOM state, and verify component output. Jasmine, on the other hand, does not have built-in features for DOM testing and requires additional libraries or custom code.

  6. Dependencies: Enzyme has a dependency on React, as it is specifically designed for testing React components. Jasmine, on the other hand, is a more general-purpose testing framework and does not have any specific dependencies on React.

In summary, Enzyme and Jasmine are both useful testing frameworks, but they differ in terms of rendering methods, API design, test runners, component selection, DOM testing capabilities, and dependencies.

Decisions about Enzyme and Jasmine

Postman will be used to do integration testing with the backend API we create. It offers a clean interface to create many requests, and you can even organize these requests into collections. It helps to test the backend API first to make sure it's working before using it in the front-end. Jest can also be used for testing and is already embedded into React. Not only does it offer unit testing support in javascript, it can also do snapshot testing for the front-end to make sure components are rendering correctly. Enzyme is complementary to Jest and offers more functions such as shallow rendering. UnitTest will be used for Python testing as it is simple, has a lot of functionality and already built in with python. Sentry will be used for keeping track of errors as it is also easily integratable with Heroku because they offer it as an add-on. LogDNA will be used for tracking logs which are not errors and is also a Heroku add-on. Its good to have a separate service to record logs, monitor, track and even fix errors in real-time so our application can run more smoothly.

See more

We use Mocha for our FDA verification testing. It's integrated into Meteor, our upstream web application framework. We like how battle tested it is, its' syntax, its' options of reporters, and countless other features. Most everybody can agree on mocha, and that gets us half-way through our FDA verification and validation (V&V) testing strategy.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Enzyme
Pros of Jasmine
    Be the first to leave a pro
    • 64
      Can also be used for tdd
    • 49
      Open source
    • 18
      Originally from RSpec
    • 15
      Great community
    • 14
      No dependencies, not even DOM
    • 10
      Easy to setup
    • 8
      Simple
    • 3
      Created by Pivotal-Labs
    • 2
      Works with KarmaJs
    • 1
      Jasmine is faster than selenium in angular application
    • 1
      SpyOn to fake calls
    • 1
      Async and promises are easy calls with "done"

    Sign up to add or upvote prosMake informed product decisions

    Cons of Enzyme
    Cons of Jasmine
      Be the first to leave a con
      • 2
        Unfriendly error logs

      Sign up to add or upvote consMake informed product decisions

      What is Enzyme?

      Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.

      What is Jasmine?

      Jasmine is a Behavior Driven Development testing framework for JavaScript. It does not rely on browsers, DOM, or any JavaScript framework. Thus it's suited for websites, Node.js projects, or anywhere that JavaScript can run.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use Enzyme?
      What companies use Jasmine?
      See which teams inside your own company are using Enzyme or Jasmine.
      Sign up for StackShare EnterpriseLearn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Enzyme?
      What tools integrate with Jasmine?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Enzyme and Jasmine?
      react-testing-library
      It is a simple and complete React DOM testing utility that encourage good testing practices. It provides light utility functions on top of react-dom and react-dom/test-utils, in a way that encourages better testing practices.
      Jest
      Jest provides you with multiple layers on top of Jasmine.
      JavaScript
      JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
      Git
      Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
      GitHub
      GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.
      See all alternatives