Given, when, then

A clipboard with a staircase on it — a test told as a story, step by step

Category: Developer Tools
Group: testing
Added: 0.8.1
Licence: MIT

outline · regular · 2.0024px

import { GivenWhenThen } from "@iconmind/react";

<GivenWhenThen />

See it in action

outline · 2.00

Buttons16px

Run given, when, thenSecondary

Ghost

Sidebar18px

Workspace

Given, when, then12Accessibility testAdd runAPI

Toolbar16px · in a row

Given, when, then

OverviewRunsLogs

Knocked out16 · 20px

Given, when, then

given-when-then

Run

4 running

A list20px

Given, when, then

Updated 4 minutes ago

active

Add run

Idle since Tuesday

idle

API

Idle since Tuesday

idle

A metric20px · beside a number

+12.4%

1,284

Given, when, then events this week

Icons that go with Given, when, then

The concepts this one usually appears beside, not just the ones filed near it.

error-analysis replay-log scope-grant access-review lawful-basis list-collapse

More Developer Tools icons

287 icons across 8 groups, drawn to the same grid and the same stroke.

See all 287 →

accessibility-test add-run api api-analytics api-bridge api-console api-contract api-deprecate api-diff api-key-rotate api-lint api-mock api-playground api-usage api-version arrange-act-assert assert-check assert-fail

Improve this icon on GitHub

Ship Given, when, then in your next build

Given, when, then is one of 5,287 icons compiled from a single grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

Browse Developer Tools Install the package Request an icon