Skip to content

Conversation

@charlespwd
Copy link
Contributor

@charlespwd charlespwd commented Jan 29, 2026

Summary

  • Adds WATCH_MODE environment variable support to webpack test config
  • Keeps browser open after tests complete when WATCH_MODE=1
  • Adds build:test:watch npm script for development iteration

Usage

# Terminal 1: Run webpack in watch mode
yarn build:test:watch

# Terminal 2: Run browser tests (stays open after completion)
yarn test:web:debug

Refresh the browser to re-run tests after making code changes.

Test plan

  • Run yarn build:test:watch - webpack should start in watch mode
  • Run yarn test:web:debug - browser should stay open after tests complete
  • Existing yarn test:web should still exit normally after tests

Generated with Claude Code

charlespwd and others added 2 commits January 30, 2026 09:14
Introduces infrastructure for developing browser tests with live reload:
- Add test:web:debug script that builds once and launches browser
- Configure webpack to output debug bundle to separate file
- Add dynamic test discovery to support single-file test runs

This enables a faster development loop: edit tests, refresh browser,
see results immediately without rebuilding.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Tests that Liquid object completions (e.g., 'product') appear when
triggered inside {{ }} delimiters. This validates the end-to-end
autocomplete flow in the browser test environment.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@charlespwd charlespwd force-pushed the browser-test-watch-mode branch from 590a064 to f8898c5 Compare January 30, 2026 14:14
@charlespwd
Copy link
Contributor Author

Pretty happy with this loop. Confirmed that if I change product to program the test fails.

The two commands boot vscode web on localhost & lets you dev on e2e tests.

@charlespwd charlespwd marked this pull request as ready for review January 30, 2026 14:20
@charlespwd charlespwd requested a review from a team as a code owner January 30, 2026 14:20
@charlespwd charlespwd merged commit e9aaf0a into browser-test-baseline Jan 30, 2026
6 checks passed
@charlespwd charlespwd deleted the browser-test-watch-mode branch January 30, 2026 14:20
charlespwd added a commit that referenced this pull request Jan 30, 2026
* Add watch mode for browser test development

Introduces infrastructure for developing browser tests with live reload:
- Add test:web:debug script that builds once and launches browser
- Configure webpack to output debug bundle to separate file
- Add dynamic test discovery to support single-file test runs

This enables a faster development loop: edit tests, refresh browser,
see results immediately without rebuilding.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add browser e2e test for Liquid object autocomplete

Tests that Liquid object completions (e.g., 'product') appear when
triggered inside {{ }} delimiters. This validates the end-to-end
autocomplete flow in the browser test environment.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant