open-wc/packages/testing-karma-bs

Testing via Browserstack

This will run your local test via Browserstack browsers/devices. You will need to have a Browserstack automate account.

Using:

• Karma via @open-wc/testing-karma
• Testing via Browserstack via karma-browserstack-launcher

::: tip This is part of the default open-wc testing recommendation :::

Setup

npm init @open-wc
# Upgrade > Testing

# follow Setup user + key

Manual

• yarn add @open-wc/testing-karma-bs --dev
• Copy karma.bs.config.js to karma.bs.config.js
• Add these scripts to your package.json

  "scripts": {
    "test:bs": "karma start karma.bs.config.js --legacy --coverage"
  },
  

Setup user + key

• Go to https://www.browserstack.com/accounts/settings
• Look for "Automate" and write down your "Access Key" and "Username"

# for one time use only
export BROWSER_STACK_USERNAME=xxx
export BROWSER_STACK_ACCESS_KEY=xxx

# or add them to your .bashrc
echo "export BROWSER_STACK_USERNAME=xxx" >> ~/.bashrc
echo "export BROWSER_STACK_ACCESS_KEY=xxx" >> ~/.bashrc

# to verify, run:
echo "User: $BROWSER_STACK_USERNAME"
echo "Key: $BROWSER_STACK_ACCESS_KEY"

Usage

npm run test:bs

<script> export default { mounted() { const editLink = document.querySelector('.edit-link a'); if (editLink) { const url = editLink.href; editLink.href = url.substr(0, url.indexOf('/master/')) + '/master/packages/testing-karma-bs/README.md'; } } } </script>