Add browser integration test baseline for vscode-extension #1112
+830
−135
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
charlespwd
force-pushed
the
browser-test-baseline
branch
2 times, most recently
from
a678a28 to
ada7b80
Compare
Add foundational infrastructure for running browser-based e2e tests for the VS Code extension using @anthropic/vscode-test-web. Includes: - Test dependencies (mocha, chai, vscode-test-web) - Webpack configuration for test bundling - TypeScript and ESLint configuration for test files - Activation smoke test to verify extension loads in browser - Debug delay support for test development Co-Authored-By: Claude Opus 4.5 <[email protected]>
* 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 <[email protected]> * 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 <[email protected]> --------- Co-authored-by: Claude Opus 4.5 <[email protected]>
charlespwd
force-pushed
the
browser-test-baseline
branch
from
e9aaf0a to
9cb3b43
Compare
charlespwd
commented
Jan 30, 2026
Contributor
Author
charlespwd
left a comment
charlespwd
left a comment
There was a problem hiding this comment.
Even though I actually didn't sit down to write any of this, I have iterated on the results I got back multiple times and can confirm that we can now dev e2e tests in chromium w/ our extension loaded in it on a clone of Shopify/dawn.
It's pretty cool stuff!
The E2E test makes sure completion works in layout/theme.liquid and I can confirm that changing the assert to something like "completes 'program'" is failing as expected.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Adds browser integration test infrastructure for the vscode-extension package, enabling end-to-end validation of the extension's functionality in a real browser environment.
Key Features
Browser Test Infrastructure (3a943b9)
DEBUG_DELAYenv var) to pause test execution for inspectionWatch Mode for Development (9cb3b43)
build:test:watchscript for auto-rebuild on file changesWATCH_MODEenv var to keep browser open after tests complete (no auto-close)layout/theme.liquid, types{{ prod, and asserts "product" appears in autocomplete suggestionsScripts Added
test:webtest:web:debugbuild:test:watchDeveloper Workflow
Running Tests
Watch Mode Development
Edit test files, save, refresh browser to see results immediately.
Test Plan
yarn testpassesyarn workspace theme-check-vscode test:webpasses in CI modeWATCH_MODE=1keeps browser open after tests🤖 Generated with Claude Code