Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/apiaryio/chrome-extension-ci
How to put a Chrome Extension into CI
https://github.com/apiaryio/chrome-extension-ci
Last synced: 2 months ago
JSON representation
How to put a Chrome Extension into CI
- Host: GitHub
- URL: https://github.com/apiaryio/chrome-extension-ci
- Owner: apiaryio
- License: mit
- Created: 2016-08-02T06:01:37.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-12-28T18:08:39.000Z (about 8 years ago)
- Last Synced: 2024-08-01T10:17:39.099Z (5 months ago)
- Language: JavaScript
- Size: 62.5 KB
- Stars: 41
- Watchers: 9
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - apiaryio/chrome-extension-ci - How to put a Chrome Extension into CI (others)
README
# Chrome Extension in Continuous Integration
[](https://travis-ci.org/apiaryio/chrome-extension-ci)
## The TDD/BDD Friendly Stack
- [Node.js](https://nodejs.org/en/) - Programming Language
- [Mocha](https://mochajs.org/) - Node.js test frameworks
- [Chai](http://chaijs.com/) - Node.js test assertion/framework
- [Browserify](http://browserify.org/) - To be able unit test everything locally and then inject it into the extension scope
- [Webdriver.io](http://webdriver.io/) - Node.js bindings and DSL for Selenium
- [selenium-standalone](https://github.com/vvo/selenium-standalone) - Node.js wrapper runnnig and fetching the Standalone selenium server and its dependencies (ChromeFriver etc...)
- [ChromeDriver](https://sites.google.com/a/chromium.org/chromedriver/capabilities) -Selenium driver for commanding Chrome
- [xvfb](https://docs.travis-ci.com/user/gui-and-headless-browsers/) (for headless Chrome in the CI) - Virtaul frame buffer for X server
- [Travis CI](https://travis-ci.org) - the CI
## How to TDD the unpacked chrome extension locally
- Add this line to your `/etc/hosts`
```
127.0.0.1 localhost fourth.third.second.first third.second.first
```
- Install NPM dependecies
```
$ npm install
```
- Install Selenium Drivers
```
$ npm run selenium-install
```
- Spin up the Standalone Selenium Server
```
$ npm run selenium-start
```
- Run the tests suite
```
$ npm test
```
# External doc
- [Chrome Extension Cross-Origin XHR](https://developer.chrome.com/extensions/xhr)
- [Chrome Extension Background page](https://developer.chrome.com/extensions/background_pages)
- [Chrome Extension Manifest File format](https://developer.chrome.com/extensions/manifest)
- [Chrome Extension Permissions in manifest.json](https://developer.chrome.com/extensions/declare_permissions)
- [Web page to Chrome Extension communication](https://developer.chrome.com/extensions/messaging#external-webpage)
- [Chrome Extension Debugging](https://developer.chrome.com/extensions/tut_debugging)
- [Chrome Extension HTTP interception API](https://developer.chrome.com/extensions/webRequest)
- [Chrome Debugger Protocol](https://developer.chrome.com/devtools/docs/debugger-protocol)
- [Chrome Extension Debugger API](https://developer.chrome.com/extensions/debugger)