fiveten-components

A collection of web-components to share 510 styles, designs and common UI-patterns across all our (web-)products.

---

---

Status

By design this collection is a constant work-in-progress.

Latest releases and notable changes are in the CHANGELOG.

Automated tests run on the latest version: ...

---

Usage

...

---

Development

Tools in use

• VS Code as IDE/code-editor
  • Workspace extension recommendations for VS Code In VS Code go to: "Extensions" and use the filter: "Recommended"; A list should be shown and each extension can be installed individually.
• Prettier to format code
• stencil to build components' files/assets

Getting Started

• Install environment requirements:

  Install the Node.js version specified in the .node-version-file.
  To prevent conflicts it is recommended to use a 'version manager': fnm
  After installing that, run in this folder/directory:

  fnm use
  

• Install dependencies (from this folder):

  npm install
  

Testing

To run all tests for all components, run:

npm test

To run tests for a specific component, run:

npm test -- -t="<component-name>"

How to write tests for a component

• Make sure to use the Arrange-Act-Assert pattern in each scenario/test
• Test the component without any properties set/provided
• Test the component with all properties set (and everything in between)

Glossary

A list of definitions of terms we use.

• ...

---

License

Released under the Apache 2.0 License. See LICENSE.