Ian Wright IPWright83

This is a basic unpacked Sublime Text Plugin designed provide a Test Explorer view within a JavaScript file. It looks for describe and it blocks to put together a menu that you can then explore with the standard navigation controls in a Sublime menu. It should therefore work with Jest/Jasmine etc.

The file needs to be in included within the Packages\User directory within Sublime. You can get to this by going to Settings > Browser Packages. Once included you'll need to setup a key binding like so:

{ "keys": ["command+t"], "command": "test_explorer_menu" }

I designed it for my own personal use but anyone is free to use it, just don't redistribute without permission.

Example System DAG

This is an example of a System DAG using a forceSimulation with images

mockComponent.js

This is designed as a simple React component mock to be used with Jest, that still presents enough information to be useful in a Snapshot test. It's handy when you either don't want to shallow render, or are unable to.

Usage

To use this mock, insert the following into your test file, to mock the sub-components, substituting out the names:

jest.mock("../MyComponent", () => ({ MyComponent: (props) => mockComponent("MyComponent", props) }));

Click to add new points. Hit the DELETE key to remove the selected point. Use the dropdown menu to change the interpolation mode.

	[
	{
	"title": {
	"text": "Chrome"
	},
	"label": {
	"name": "New!",
	"color": "#ff2015"
	},
	"description": "40327 visits"

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>Nutrient Database Explorer</title>
	<link rel="stylesheet" type="text/css" href="parallel.css" />
	</head>
	<body>
	<div id="header">
	<h1>Nutrient Explorer</h1>

	license: gpl-3.0
	height: 200