How to add easy cross-browser testing to your existing project

cross-browser.md

Here's an easy way to add easy cross-browser testing on your existing projects using browser-sync

1. install browser-sync

npm i browser-sync --save-dev

2. add an npm script to your package.json

"test:browser": "browser-sync start --config ./bs-config.js"

3. create a config bs-config.js in your project root

module.exports = {
    "proxy": "localhost:3000", // point to your app's address
    "port": 3002, // the port you'd like to use
    "browser": ["chrome", "firefox", "safari"] // specify what browsers you want to automatically open
};

Now when you run npm run test:browser, all of the specified browsers will open automatically, pointed to your site.