Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/theoutlander/jest-dashboard

Command Line Dashboard for Jest
https://github.com/theoutlander/jest-dashboard

dashboard jest jest-reporter testing-tools

Last synced: 3 months ago
JSON representation

Command Line Dashboard for Jest

Awesome Lists containing this project

README

        

# jest-dashboard

A command line dashboard for [jest](https://github.com/facebook/jest)

[![Join the chat at https://gitter.im/theoutlander/jest-dashboard](https://badges.gitter.im/theoutlander/jest-dashboard.svg)](https://gitter.im/theoutlander/jest-dashboard?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![CircleCI](https://img.shields.io/circleci/project/github/theoutlander/jest-dashboard.svg)](https://circleci.com/gh/theoutlander/jest-dashboard)
[![npm version](https://badge.fury.io/js/jest-dashboard.svg)](https://badge.fury.io/js/jest-dashboard)
[![npm](https://img.shields.io/npm/dt/jest-dashboard.svg)](https://www.npmjs.com/package/jest-dashboard)
[![NSP Status](https://nodesecurity.io/orgs/theoutlander/projects/8322a881-b9be-4c3a-b1d8-27e2a57db9cd/badge)](https://nodesecurity.io/orgs/theoutlander/projects/8322a881-b9be-4c3a-b1d8-27e2a57db9cd)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/theoutlander/jest-dashboard/blob/master/LICENSE)

## Purpose

When you run tests in jest, you probably see this sort of output:

![image](https://user-images.githubusercontent.com/749084/34291652-0ffb9582-e6b2-11e7-9a9f-946524afaedd.png)

While that is helpful, it can get quite hard to parse through the noise. The **jest-dashboard** simplifies this.

screenshot 2018-01-07 21 34 45

## Install

```npm install -D jest-dashboard```

[![NPM](https://nodei.co/npm/jest-dashboard.png)](https://npmjs.org/package/jest-dashboard)

## Usage

You can use jest-dashboard in **two ways**:

1). Specify the jest-dashboard reporter as a command line parameter

```
jest --reporters jest-dashboard
```

OR

2). Modify your **jest configuration** file with the following:

```
"reporters": ["jest-dashboard"]
```

and run:

```
jest --config
```

Press **Escape** to quit

## Hot Keys

```
- Switch focus between Table View and Log View

- Quit Dashboard

t - Toggle table view to display Test Files or Test Cases

q - Quit Dashboard
```

## Contribution

This is a work-in-progress and we would like your help. Please consider contributing to this project on one of the following:

- Dashboard Improvements
- Integration with Mocha
- Test Cases
- Examples

## License

MIT License