# Mixpanel Common
[![Build Status](https://travis-ci.com/mixpanel/mixpanel-common.svg?token=QmvGfi8iLsZwayhttUqG&branch=master)](https://travis-ci.com/mixpanel/mixpanel-common)

- components: low-level pre-styled web components
- report: mixpanel-specific app utilities
- stylesheets: default CSS and importable Stylus mixins
- util: data manipulation utilities
- widgets: composed pre-styled web components

### Style guide

[http://mixpanel.github.io/mixpanel-common/examples/style-guide-new/#](http://mixpanel.github.io/mixpanel-common/examples/style-guide-new/#)

### Local development of components

- Install dependencies: `npm install`
- Start a server and build continuously: `npm start`
- Open [http://localhost:8081/examples/style-guide/index.html](http://localhost:8081/examples/style-guide-new/index.html)

### Testing with Saucelabs
```sh
SAUCE_USERNAME=<your username> SAUCE_ACCESS_KEY=<your access key> npm run test-wct-sauce
```

### Unit Tests
Plain old mocha tests
```
npm run test-unit
```

With nyc coverage and html report.
Report can be seen in browser at .nyc_report/index.html
```
npm run test-unit-nyc && npm run coverage-report
```
