#40 - Added pm-toggle component (#47)

* #40 - Added pm-toggle component

* Noissue - Added components to the dist and fixed pm-toggle styles

* #40 - Used new location for the web components

* #40 - Added tests for '3-rd party cookies' setting

* #45, #43 - Promisified permissions, storage settingList and added tests

* #43 - Added puppeteer tests to the travis

* #43 - Puppeteer browser launch throws error

* #43 - move optional permission to the permission

* #50 - Stop using addSettingItem callback as a listener

* #51 - Added test for ActiveTab toggle

* #40 - Finish SettingList component

.eslintrc.json

@@ -7,6 +7,7 @@
     "ecmaVersion": 2018
   },
   "globals": {
+    "browser": true,
     "it": true,
     "describe": true,
     "after": true,

.gitignore

@@ -2,4 +2,7 @@ privacy-manager.zip
 .DS_Store
 package-lock.json
 node_modules
-dist
+dist
+src/css/pm-tab-panel.css
+src/img
+src/src/components.js

.stylelintrc

@@ -4,6 +4,6 @@
     "no-descending-specificity": null,
     "block-closing-brace-newline-after": "always",
     "selector-type-no-unknown": [true, { ignoreTypes: ["pm-tab-panel", "pm-tabs",
-                                                       "pm-tab", "pm-panels"] }]
+                                "pm-tab", "pm-panels", "pm-toggle"] }]
   }
 }

.travis.yml

@@ -1,8 +1,8 @@
 language: node_js
+dist: trusty
 sudo: false
 os:
   - linux
-  - osx
 node_js:
   - "node"
   - "lts/*"
@@ -12,4 +12,9 @@ cache:
   before_script:
   - npm install
   script:
-  - npm test
+  - npm test
+before_install:
+  # see -> https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md#running-puppeteer-on-travis-ci
+  - "sysctl kernel.unprivileged_userns_clone=1"
+  - "export DISPLAY=:99.0"
+  - "sh -e /etc/init.d/xvfb start"

package.json

@@ -4,13 +4,13 @@
   "description": "Privacy Manager is a chrome extension for data transparency and control",
   "scripts": {
     "build": "cd src; zip -r ../privacy-manager.zip .",
-    "test": "npm run test:eslint && npm run test:stylelint",
-    "test:puppeteer": "mocha test/*.js",
+    "test": "npm run test:eslint && npm run test:stylelint && npm run test:puppeteer",
+    "test:puppeteer": "npm run build:webpack && mocha test/puppeteer.js",
     "test:eslint": "eslint src",
     "test:stylelint": "stylelint src/**/*.css",
-    "import:components": "pm-components --single-bundle --output src",
-    "build:webpack": "webpack --config webpack.config.js",
-    "build:webpack:watch": "webpack --config webpack.config.js --watch"
+    "import:components": "pm-components --single-bundle --output dist/js",
+    "build:webpack": "npm run import:components && webpack --config webpack.config.js",
+    "build:webpack:watch": "npm run import:components && webpack --config webpack.config.js --watch"
   },
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "puppeteer": "^1.20.0",
     "stylelint": "^9.9.0",
     "stylelint-config-recommended": "^2.1.0",
-    "webextension-polyfill": "^0.5.0",
+    "webextension-polyfill": "github:Manvel/webextension-polyfill#privacy-manager",
     "webpack": "^4.41.0"
   },
   "dependencies": {

src/css/main.css

@@ -41,6 +41,11 @@ body
   min-width: 550px;
 }
 
+pm-toggle
+{
+  width: 100%;
+}
+
 /*******************************************************************************
  * Tabs
  ******************************************************************************/

src/js/ui/common.js

@@ -48,9 +48,6 @@ const {registerActionListener} = require("./actionListener");
     });
 
     // Settings list localization
-    var content = Elem("#settings-list").content;
-    content.querySelector("#btn-on-label").textContent = getMsg("on");
-    content.querySelector("#btn-off-label").textContent = getMsg("off");
   }, false);
 })();