Pest Plugin BridgeTest External Frontends from Laravel

test('user can login to external frontend', function () {
    // Create user in Laravel
    $user = User::factory()->create([
        'email' => 'test@example.com',
    ]);

    // Test the Vue/React/Nuxt frontend running on port 3000
    $this->bridge('/login')
        ->fill('[data-testid="email-input"]', 'test@example.com')
        ->fill('[data-testid="password-input"]', 'password')
        ->click('[data-testid="login-button"]')
        ->wait(2)
        ->assertPathContains('/dashboard')
        ->assertSee('Welcome');
});

// tests/Pest.php - Configure all frontends once
use TestFlowLabs\PestPluginBridge\Bridge;

Bridge::setDefault('http://localhost:3000');           // Customer portal
Bridge::frontend('admin', 'http://localhost:3001');    // Admin dashboard

// tests/Browser/MultiFrontendTest.php
test('customer can view products', function () {
    // Uses default frontend (localhost:3000)
    $this->bridge('/products')->assertSee('Product Catalog');
});

test('customer can add to cart', function () {
    $this->bridge('/products/1')
        ->click('[data-testid="add-to-cart"]')
        ->assertVisible('[data-testid="cart-badge"]');
});

test('admin can manage users', function () {
    // Uses admin frontend (localhost:3001)
    $this->bridge('/users', 'admin')->assertSee('User Management');
});

test('debugging a complex flow', function () {
    $this->bridge('/checkout')
        ->fill('[data-testid="card-number"]', '4242424242424242')
        ->debug()  // ← Browser opens, test pauses here for inspection
        ->click('[data-testid="pay-button"]')
        ->assertSee('Payment successful');
});

test('complete checkout flow', function () {
    $this->bridge('/cart')
        // Visibility assertions
        ->assertVisible('[data-testid="cart-items"]')
        ->assertNotVisible('[data-testid="empty-cart-message"]')

        // Text assertions
        ->assertSee('Shopping Cart')
        ->assertSeeIn('[data-testid="total"]', '$99.00')

        // Form interactions
        ->fill('[data-testid="coupon-input"]', 'SAVE10')
        ->click('[data-testid="apply-coupon"]')
        ->wait(1)

        // URL assertions after navigation
        ->click('[data-testid="checkout-button"]')
        ->wait(2)
        ->assertPathContains('/checkout')
        ->assertTitle('Checkout - MyStore');
});

// Configuration with automatic server management (in tests/Pest.php)
use TestFlowLabs\PestPluginBridge\Bridge;
use TestFlowLabs\PestPluginBridge\BridgeTrait;
use Tests\TestCase;

// Simple: just URL (manual server start)
Bridge::setDefault('http://localhost:3000');

// With auto-start: servers launch automatically
uses(TestCase::class, BridgeTrait::class)
    ->beforeAll(fn () => Bridge::setDefault('http://localhost:3000')
        ->serve('npm run dev', cwd: '../frontend')
        ->readyWhen('ready|localhost'))
    ->in('Browser');