diff --git a/.openhands/microagents/test_runner.md b/.openhands/microagents/test_runner.md
new file mode 100644
index 0000000..f2fb38a
--- /dev/null
+++ b/.openhands/microagents/test_runner.md
@@ -0,0 +1,209 @@
+---
+name: test_runner
+type: knowledge
+version: 1.0.0
+agent: CodeActAgent
+triggers:
+ - run tests
+ - run the tests
+ - show test results
+ - test results in browser
+ - display test results
+---
+
+# Test Runner Microagent
+
+This microagent helps run integration tests for the shopping_app and display the results in a browser-friendly HTML format.
+
+## Capabilities
+
+When triggered, this microagent will:
+
+1. Run the Jest integration tests for shopping_app
+2. Generate an HTML report of the test results
+3. Serve the report on an available port for viewing in the OpenHands browser
+4. Provide the URL to view the results
+
+## Implementation Steps
+
+### 1. Run Tests and Capture Output
+
+Navigate to the shopping_app directory and run tests with verbose output:
+
+```bash
+cd /workspace/project/openhands-demos/shopping_app
+npm test -- --verbose --json --outputFile=test-results.json 2>&1 | tee test-output.txt
+```
+
+### 2. Generate HTML Report
+
+Create an HTML file that displays the test results in a user-friendly format:
+
+```html
+
+
+
Contact our sales team for enterprise solutions and custom pricing.
+
+
+
\ No newline at end of file
diff --git a/shopping_app/public/views/product.html b/shopping_app/public/views/product.html
new file mode 100644
index 0000000..ce21070
--- /dev/null
+++ b/shopping_app/public/views/product.html
@@ -0,0 +1,15 @@
+
+
+
+
+
{{product.image}}
+
+
{{product.name}}
+
${{product.price}}
+
{{product.description}}
+
+
+
+
diff --git a/shopping_app/public/views/search.html b/shopping_app/public/views/search.html
new file mode 100644
index 0000000..e6bdbdd
--- /dev/null
+++ b/shopping_app/public/views/search.html
@@ -0,0 +1,28 @@
+