# questrar-test

> A testing utility for questrar

Latest version **1.0.1** (published 2018-12-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install questrar-test
pnpm add questrar-test
yarn add questrar-test
bun add questrar-test
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-12-15 |
| First published | 2018-11-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 1 |
| Unpacked size | 19.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | orarr |
| Maintainers | orar |

## Links

- npm: https://www.npmjs.com/package/questrar-test
- Repository: https://github.com/orarr/questrar-test
- Homepage: https://github.com/orarr/questrar-test#readme
- Issues: https://github.com/orarr/questrar-test/issues
- npm.io page: https://npm.io/package/questrar-test

## Dependencies (1)

- [questrar](https://npm.io/package/questrar.md) ^2.0.1

## Recent versions

- 1.0.1 (latest) — 2018-12-15
- 1.0.0 — 2018-11-05

## README

# questrar-test

> A test utility for testing questrar Request Component with [enzyme](https://airbnb.io/enzyme/)


[![NPM](https://img.shields.io/npm/v/questar-test.svg)](https://www.npmjs.com/package/questrar-test)
[![Maintainability](https://api.codeclimate.com/v1/badges/6f3339b71b06d3b6279c/maintainability)](https://codeclimate.com/github/orarr/questrar-test/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/6f3339b71b06d3b6279c/test_coverage)](https://codeclimate.com/github/orarr/questrar-test/test_coverage)
[![Build Status](https://travis-ci.org/orarr/questrar-test.svg?branch=master)](https://travis-ci.org/orarr/questrar-test)

## Install

```bash
yarn add -D questrar-test
npm install --save-dev questrar-test
```


## Usage

```jsx harmony
//  Nice.jsx

import React, { Component } from 'react'
import { Request } from 'questrar';

export const PetiteComponent = ({ request }) => {
  return (
    <div
     className="petiteComponent"
     onClick={() => request.actions.remove(request.data.id)}
    >
      <div>{request.data.message}</div>
    </div>
  );
}

export default NiceComponent = () => {
   return (
     <Request id='abc123' inject> 
       <PetiteComponent  />
     </Request>
   )
}
```
```jsx harmony
//  Nice.spec.jsx

import React from 'react'
import { shallow } from 'enzyme';
import wrapRequest, { initialRequestState } from 'questrar-test';
import NiceComponent, { PetiteComponent } from '../Nice'

describe('NiceComponent', () => {
  let wrapper;
  let requestState;
  
  const createWrapper = () => {
    wrapper = shallow(<NiceComponent />)
  }
  
  beforeEach(() => {
    requestState = { ...initialRequestState, id: 'abc123' };
    createWrapper();
  });
  
  it('Should render PetiteComponent as default', () => {
    expect(wrapper.is(Request)).toBeTruthy()
  });
  
  it('Should render a loading gear icon on request `pending`', () => {
    requestState.pending = true;
    const wrap = wrapRequest(wrapper)(requestState);
    
    expect(wrap.is(PetiteComponent)).toBeTruthy();
  });
  
  it('Should remove request state `onClick` to close PetiteComponent', () => {
     const mockActions = {
          success: jest.fn(),
          failed: jest.fn(),
          pending: jest.fn(),
          dirty: jest.fn(),
          clean: jest.fn(),
          remove: jest.fn()
        };
    const wrap = wrapRequest(wrapper, mockActions)(requestState);
    wrap.simulate('click');
    expect(mockActions.remove).toHaveBeenNthCalledWith(1, requestState.id);
  });
});
```

Package exports two ends. `wrapRequest` as default and a named `import { initialRequestState }`;

```js
function wrapRequest(
  requestComponentNode: ShallowWrapper, //  ShallowWrapper of Request component node
  mockActions?: RequestActions
  )(
    defaultRequestState?: RequestState
   ): ShallowWrapper
```


## License

MIT © [orar](https://github.com/orar)

---
_Source: https://npm.io/package/questrar-test · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._