Is sample-webapp still maintained?

Yes, active. Last change 14 days ago.

How widely used is sample-webapp?

New, little track record. 2 stars, 6 months old, by an organization. Look at the code and the owner before running it.

gitmanual

Reading the repo

Opening the box…

How to set up sample-webapp (microsoft/sample-webapp) · gitmanual

Assembly instructions

microsoft/sample-webapp

Sample web application for Playwright testing

Node.js

Before you start

Is it free?: YesOpen source (MIT).
Still maintained?: Yes, activeLast change 14 days ago.
How widely used?: New, little track record2 stars, 6 months old, by an organization. Look at the code and the owner before running it.

Difficulty: Easy
Time: about 5 min
Stars: ★ 2
Activity: Updated this month

Saved setup from 12 h ago

Will it work on macOS?

Yes, it runs on macOS

You'll build it yourself with Node.js.

Your system

macOS Windows Linux

Start here

Heads-upIt also needs 2 settings in .env (1 secret).

6 steps on macOS

Download setup.sh

Then run bash setup.sh. It stops at the first error and is safe to run again. Servers and tests aren't started; it lists them at the end. Read it first.

Clone the repository

Needs Git: xcode-select --install

git clone https://github.com/microsoft/sample-webapp.git
cd sample-webapp

Install the required runtimes

Node.js 22

# needs nvm: brew install nvm (or https://github.com/nvm-sh/nvm)
nvm install 22

3
Configure environment variables
Fill in secrets: TEST_USER_PASSWORD
```
cp .env.example .env
```
4
Install dependencies
```
npm ci
```
5
Run it
```
npm run start
```
6
Run the tests
```
npm test
```

Did you get it running?

No reports for macOS yet.

Still stuck? Get a written guide

GitManual AI Agent reads the 9 key files and writes a step-by-step guide for macOS. Once written, it's saved for everyone.

Parts list

1×Node.js 22runtime
1×npm package manager

2× settings in .env

TEST_USER_EMAIL
TEST_USER_PASSWORDsecret

Share this manual

Is this your repo?

Add a badge to your README so newcomers find these steps.

[![Setup manual](https://gitmanual.com/microsoft/sample-webapp/badge.svg)](https://gitmanual.com/microsoft/sample-webapp)

Details

License: MIT
Open issues: 79
Branch: main

package.json scripts (4)

startreact-scripts start
buildreact-scripts build
testreact-scripts test
ejectreact-scripts eject

Files we read (9)

.env.example

.github/workflows/copilot-memory-agent.yml

.github/workflows/e2e-tests.yml

.github/workflows/nightly-heal.yml

.github/workflows/pr-command.yml

.github/workflows/scout-on-merge.yml

.github/workflows/scout-webapp.yml

README.md

package.json

101 files in the repo

Contact

microsoft/sample-webapp

Before you start

Your setup manual for sample-webapp

What's inside

Handy for

Yes, it runs on macOS

Start here

6 steps on macOS

Clone the repository

Install the required runtimes

Configure environment variables

Install dependencies

Run it

Run the tests

Did you get it running?

Still stuck? Get a written guide