testing-file-structure-example.js

// Imports
// -------

// Libraries
import React from 'react';
import renderer from 'react-test-renderer';
// Components
import { MyComponent } from '.../My-Component';

// Mocks
// -----

jest.mock('...', () => '...');

// Internal
// --------

const defaultProps = {
  ...
};

//

const getComponent = (props) => renderer.create(
  <MyComponent {...{ ...defaultProps, ...props }} />,
);

// Tests
// -----

describe('.../My-Component', () => {
  let component;

  describe('Rendering', () => {
    it('renders default correctly', () => {
      component = getComponent();
      expect(component).toMatchSnapshot();
    });

    ...
  });

  describe('Lifecycle', () => {
    ...
  });

  describe('Interaction', () => {
    ...
  });
});