LGT GridIron Project

Setup

Install dependencies

pnpm i

Install playwright browsers

pnpm exec playwright install

Storybook

Run Storybook in the project root

pnpm run storybook

React Testing Library (RTL) && Jest

Run RTL && Jest in the project root

pnpm test

Playwright Testing

Run all Playwright tests

pnpm exec playwright test

Run single Playwright tests

pnpm exec playwright test (name of file)

Prettier

Search for and open settings.json by pressing cmd+shift+p on MacOS or ctrl+shift+p on Windows.

Important

There may be multiple options, ensure you select the option that says "Open User Settings (JSON)

Add the following lines to your settings.json

"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,

Open a file and save it, you should see formatting changes made as soon as you save it!