profile-pane

SolidOS pane that displays a personal profile page

Contribute

Tech stack

• Typescript
• lit-html
• Jest
• Eslint
• SolidOS

Tests

To run all tests:

npm test

Focused accessibility check:

npm test -- test/profile-view.accessibility.test.ts

Accessibility markup baseline checklist: docs/accessibility-baseline-checklist.md

Refactor test plan (temporary skips and revisit checklist): docs/refactor-test-plan.md

Legacy Files

Legacy refactor artifacts are kept in src/legacy. These files are intentionally retained for historical/reference purposes and are not part of the active sections-based flow.

If you are a first time developer/user on Windows 10, the repository may give package issues regarding webpack or jest. If this is the case, simply run "npm audit fix" and upgrade the repository. It should work fine.

Unit tests

Unit tests use jest and are placed next to the tested file as *.spec.ts files.

Dev Server

Start a webpack dev server:

npm start

Visit http://localhost:8080/ to render the pane. Adjust const webIdToShow in ./dev/index.ts to show a different profile.

Build

npm run build

The build is done by tsc, webpack is only used as dev server and not for production build.