https://github.com/meduzen/canwe
A collection of resources focused on browsers usage and features.
https://github.com/meduzen/canwe
browsers data directory resources
Last synced: 7 months ago
JSON representation
A collection of resources focused on browsers usage and features.
- Host: GitHub
- URL: https://github.com/meduzen/canwe
- Owner: meduzen
- License: wtfpl
- Created: 2019-11-15T23:56:39.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2025-01-21T19:54:56.000Z (9 months ago)
- Last Synced: 2025-01-24T17:15:44.940Z (8 months ago)
- Topics: browsers, data, directory, resources
- Language: HTML
- Homepage: https://canwe.dev
- Size: 1.62 MB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Can We
A collection of websites focused on browsers usage and features.
## I’d like to propose a _SuperCanSomething website_
Open an [issue](https://github.com/meduzen/canwe/issues) or (faster) a pull request.
## Development
### Content
Old good `public/index.html` editing.
### Styles
- `npm install`
- (optional) create `.env` from `.env.example`, then edit it
- _(local)_ `npm run dev` or _(prod)_ `npm run build`
Websites colors are CSS custom properties in [`/src/css/config/sites.css`](/src/css/config/sites.css).
> [!NOTE]
> Thou plain CSS is used in this project, you can write inline CSS comments using `//` thanks to the [PostCSS config](./postcss.config.mjs#L27-L31).
### Tests
Tests use [Playwright](https://playwright.dev) and can be run with `npm test`. They can all run locally or in a GitHub action.
Before running tests locally:
- make sure the project is accessible from a URL (e.g. using `npm run preview`);
- add this URL in the `PW_BASE_URL` entry of your `.env`;
- `npx playwright install` pulls the headless browsers used by the test.
You can also play with Playwright GUI by running `npm run test:ui`.
URLs are tested on merge requests using [Lychee](https://lychee.cli.rs) in a GitHub Action. To test URLs locally install Lychee and run `npm run test:absolute-links`.
#### Local tests results
When running the tests locally, the results are in `/tests/results`:
- `{tld}-{timestamp}.json`: JSON report of the test suites;
- `html/index.html`: HTML report of the latest test suites;
- `axe-html/{tld}-{timestamp}-{wcag2-a|wcag2-aa|others}.html`: HTML reports of the accessibility tests, split by category (WCAG 2 A, WCAG 2 AA, others);
#### GitHub Action tests results
When running in a GitHub action, the “summary” view of the GitHub Action has an _artifact_ section at the very bottom. The artifact archive contains the same HTML report as in `html/index.html` when you run tests locally.
When you open it and pick one of the accessibility tests, look into the “attachment” to find the HTML report dedicated to accessibility issues (as well as a JSON file).
## Various
Last deployment:
[](https://forge.laravel.com)