scenetest-js

How is this different from Vitest’s in-source testing?

Vitest’s in-source testing (if (import.meta.vitest)) lets you write unit tests alongside your code:

// Vitest in-source
export function add(a, b) { return a + b }

if (import.meta.vitest) {
  const { it, expect } = import.meta.vitest
  it('adds numbers', () => expect(add(1, 2)).toBe(3))
}

Scenetest is different - it runs assertions in the real browser during app execution:

// Scenetest
function Cart({ items }) {
  should('cart has valid items', items.every(i => i.price > 0))
  return <div>...</div>
}

Key differences:

• Runs in the real browser, not Node.js or jsdom
• Tests components in their actual context with real state, real routing, real data
• Assertions fire during normal usage, not in a separate test runner
• Production builds strip all Scenetest code - zero bundle impact

Think of it this way: Vitest in-source testing is for unit tests of pure functions. Scenetest is for integration assertions that need the full browser environment and real app state.

This site is open source. Improve this page.