explaingit

raathigesh/majestic

7,464TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

A browser-based graphical interface for Jest that lets you run, filter, and watch JavaScript and TypeScript test results visually instead of reading command-line output.

Mindmap

mindmap
  root((majestic))
    What it does
      Visual Jest runner
      Real-time results
      Coverage reports
      Watch mode
    Features
      Test file picker
      Snapshot updates
      Console log view
      Search for tests
    Tech stack
      TypeScript
      Jest
      Node.js
    Audience
      JS developers
      TS developers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Run your entire Jest test suite with a single click and watch results update in real time.

USE CASE 2

View code coverage reports in the browser to see which parts of your code are untested.

USE CASE 3

Debug a failing test by watching its console.log output directly in the UI without switching to a terminal.

USE CASE 4

Toggle watch mode so tests re-run automatically every time you save a file.

Tech stack

TypeScriptJavaScriptJestReactNode.js

Getting it running

Difficulty · easy Time to first run · 5min

Run via npx majestic in any project that already has Jest installed. No configuration required to start.

In plain English

Majestic is a graphical interface for Jest, a testing tool used in JavaScript and TypeScript projects. Normally you run Jest from the command line and read results as scrolling text. Majestic opens a browser-based UI where you can see all your tests, run them with a click, and watch results update in real time. It requires no configuration to get started. From the interface you can run all tests at once or pick a specific file to test. You can toggle watch mode, which re-runs tests automatically when you save a file. There is a built-in coverage report that shows which parts of your code are tested, a search function for finding specific tests, and the ability to update snapshots directly from the UI. Console.log output appears in the interface as well, which helps when debugging why a test is failing. To use it, you navigate to your project folder in a terminal and run a single command using npx, or install it globally via npm or Yarn first. It works with projects using TypeScript, Flow, and Create React App. Running it with the --app flag launches the interface as a Chrome app window instead of a browser tab. Optional configuration lives in your project's package.json file under a majestic key, where you can specify the path to Jest, pass extra arguments, or set environment variables. Keyboard shortcuts are available for common actions like running all tests or toggling watch mode. The project supports Jest version 20 and above.

Copy-paste prompts

Prompt 1
I have a TypeScript project with Jest tests. Show me how to install and launch Majestic so I can run my tests in a browser UI.
Prompt 2
How do I configure Majestic in package.json to point to a custom Jest binary and pass extra CLI arguments?
Prompt 3
Using Majestic, how do I run only a specific test file and update its snapshots from the UI?
Prompt 4
What keyboard shortcuts does Majestic provide and how do I use them to run all tests or toggle watch mode?
Open on GitHub → Explain another repo

← raathigesh on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.