/* Import the Poppins Regular font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

/* Apply the Poppins Regular font to the body and all headings */
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

/* Preview editor section styling */
.preview-section {
    background-color: #f8f9fa;
    background-image: 
        linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(240, 249, 245, 0.8) 100%),
        linear-gradient(rgba(130, 130, 130, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(130, 130, 130, 0.1) 1px, transparent 1px);
    background-size: auto, 20px 20px, 20px 20px;
    padding: 2.5rem;
    border-radius: 12px;
    margin: 2rem 0;
    box-shadow: 
        inset 0 0 30px rgba(0, 0, 0, 0.03),
        0 1px 3px rgba(0, 0, 0, 0.05);
}

.preview-image {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.preview-image:hover {
    transform: scale(1.01);
}

/* Logo styling */
.logo {
    width: auto !important;
    height: 120px !important; /* Much larger height */
    padding: 24px 0;
    margin-left: 40px; /* More space on the left */
    transition: transform 0.2s ease;
    position: relative; /* Enable positioning context */
    top: 12px; /* Move slightly down from the top */
}

.logo:hover {
    transform: scale(1.05);
}

/* Ensure the logo container has enough space */
nav div:first-child {
    padding: 0;
    display: flex;
    align-items: flex-start; /* Align to top */
    min-height: 160px; /* Ensure enough vertical space */
}

/* Adjust the sidebar width to accommodate larger logo */
aside {
    min-width: 340px !important;
    padding-top: 0 !important; /* Remove top padding */
}

/* Ensure the navigation items don't overlap with the logo */
nav > div:not(:first-child) {
    margin-top: 140px; /* Push content below the larger logo */
}

/* Make sure the logo maintains quality */
.logo img {
    object-fit: contain;
    max-width: none;
}


Available Integrations

Overview of all available Spur integrations

Integrations Overview

Spur Documentation

Your AI-powered QA Engineer - Create and run automated tests using natural language 

Welcome to Spur!

Write your first test

Learn how to write clear, reliable test instructions for consistent results

Prompting 101 Guide

FAQs

Frequently Asked Questions

Automatically generate tests from video recordings or Loom links.

Video to Test Generation

Creating dynamic tests that can handle multiple scenarios within a user flow

Scenario Tables

Guide to generating Spur test steps from scripts

Script to Test Generation

Real-time test creation with interactive validation. Formerly "Preview Editor"

Spur Test Debugger

Overview of the test steps available in Spur

Types of Test Steps

Validation and assertion capabilities in Spur

Verification

Guide to extracting and reusing data in Spur tests

Extractions

Using scenario table properties in your steps

Scenarios

Accessing test emails through [spurmail.com](https://spurmail.com)

Email Testing (SpurMail)

Guide to using JavaScript steps and custom functions in Spur tests

JavaScript Actions

Spur provides multiple ways to run your tests, from manual execution to automated scheduling and CI/CD integration.

Test Execution Methods

Manual Test Execution

Schedule tests to run at custom intervals

Scheduled Tests

Snooze Tests

Cache test results for faster subsequent test runs. 

Caching Tests

Github CICD Integrations for test results on merge to main / staging / develop environments

CI/CD

Sharing Test Run Results

Learn how to configure authentication for your Spur tests

Authentication

Test Suite

Individual Tests

Understanding how test dependencies work in Spur

Test Dependencies

Dashboard

Statistics

Changelog

Connect Spur with Slack for real-time notifications

Slack Integration

Connect Spur with Linear for streamlined issue tracking

Linear Integration

Connect Spur with Jira for comprehensive test management

Jira Integration

Configure email notifications for test results and alerts

Email Integration

Before you write your first test on spur, make sure you read the Prompting 101 Guide and the other resources on the Spur Docs.

Overview of all available discrete actions

Overview

Click

Hover

Scroll

Select

Wait

Type text into input fields and other elements

Type

File Upload

Guide to creating and using Spur-generated email addresses

Generated Email Inbox

Customize viewport, locale, and HTTP headers

HTTP Request Overrides

Real-time test creation with interactive validation

Spur Preview Editor

Automatically generate tests from video recordings

Github CICD Integrations for test results on merge to main / staging / develop envrionments

Connect Spur with GitHub for automated testing workflows

GitHub Integration

Enabling Tests to Run Via Vercel Preview URLs

Integrations

​Available Integrations

Slack

Linear

Jira

Email

GitHub

Available Integrations