@types/enzyme-adapter-react-16

What is @types/enzyme-adapter-react-16?

@types/enzyme-adapter-react-16 provides TypeScript definitions for the enzyme-adapter-react-16 package, which is used to configure Enzyme to work with React 16. This allows developers to write type-safe tests for React components using Enzyme.

What are @types/enzyme-adapter-react-16's main functionalities?

Configuring Enzyme with React 16

This code demonstrates how to configure Enzyme to use the React 16 adapter. This setup is necessary to ensure that Enzyme can properly render and interact with React 16 components.

const Enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');

Enzyme.configure({ adapter: new Adapter() });

Type-safe Enzyme Shallow Rendering

This code demonstrates how to use Enzyme's shallow rendering with TypeScript. The @types/enzyme-adapter-react-16 package ensures that the types are correctly inferred, providing type safety for the Enzyme methods.

import { shallow } from 'enzyme';
import * as React from 'react';
import MyComponent from './MyComponent';

const wrapper = shallow(<MyComponent />);
expect(wrapper.find('.my-class')).toHaveLength(1);

Type-safe Enzyme Full DOM Rendering

This code demonstrates how to use Enzyme's full DOM rendering with TypeScript. The @types/enzyme-adapter-react-16 package ensures that the types are correctly inferred, providing type safety for the Enzyme methods.

import { mount } from 'enzyme';
import * as React from 'react';
import MyComponent from './MyComponent';

const wrapper = mount(<MyComponent />);
expect(wrapper.find('.my-class')).toHaveLength(1);

Other packages similar to @types/enzyme-adapter-react-16

@types/react-test-renderer

@types/react-test-renderer provides TypeScript definitions for the react-test-renderer package, which is used for rendering React components to pure JavaScript objects without depending on the DOM. It is useful for snapshot testing and differs from @types/enzyme-adapter-react-16 in that it does not provide utilities for shallow or full DOM rendering.

@types/testing-library__react

@types/testing-library__react provides TypeScript definitions for the @testing-library/react package, which is used for testing React components with a focus on user interactions. It differs from @types/enzyme-adapter-react-16 by promoting testing practices that resemble how users interact with the application, rather than focusing on the component's implementation details.

@types/jest

@types/jest provides TypeScript definitions for Jest, a popular testing framework. While Jest can be used with Enzyme, it also supports other testing libraries and provides a broader range of testing functionalities, including mocking and snapshot testing. It differs from @types/enzyme-adapter-react-16 by offering a more comprehensive testing solution beyond just React component testing.

README

Installation

npm install --save @types/enzyme-adapter-react-16

Summary

This package contains type definitions for enzyme-adapter-react-16 (https://github.com/airbnb/enzyme).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/enzyme-adapter-react-16.

index.d.ts

import { EnzymeAdapter } from "enzyme";

declare class ReactSixteenAdapter extends EnzymeAdapter {
}

declare namespace ReactSixteenAdapter {
}

export = ReactSixteenAdapter;

Additional Details

• Last updated: Mon, 06 Nov 2023 22:41:05 GMT
• Dependencies: @types/enzyme

Credits

These definitions were written by Tanguy Krotoff, and Jordan Harband.