/* 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;
}


Best Practices

Custom Requirements

Next Steps

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

Test Execution Methods

Spur Documentation

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

Welcome to Spur!

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

Prompting 101 Guide

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

Write your first test

FAQs

Frequently Asked Questions

Learn how to configure authentication for your Spur tests

Authentication

Test Suite

Individual Tests

Understanding how test dependencies work in Spur

Test Dependencies

Dashboard

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

Guide to using JavaScript steps and custom functions in Spur tests

JavaScript Actions

Real-time test creation with interactive validation

Spur Preview Editor

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

Scenario Tables

Automatically generate tests from video recordings or Loom links

Video to Test Generation

Guide to generating Spur test steps from scripts

Script to Test Generation

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

Statistics

Changelog

Overview of all available Spur integrations

Integrations Overview

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

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

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

Getting Started

Organizing Tests

Test Step Types

Authoring Tests

Running Tests

Data Analysis

Test Execution Methods

Manual Run

Scheduled Run

CI/CD Integration

Best Practices

Custom Requirements

Need Something Special?

Next Steps

Getting Started

Organizing Tests

Test Step Types

Authoring Tests

Running Tests

Data Analysis

Manual Run

Scheduled Run

CI/CD Integration

​Best Practices

​Custom Requirements

Need Something Special?

​Next Steps

Best Practices

Custom Requirements

Next Steps