Changing default thresholds.

Author: SachaZvetelman

README.md

@@ -38,8 +38,8 @@ Vue.use(ConnectionAware);
 // Or specifying the different category thresholds.
 Vue.use(ConnectionAware, {
   connectionCategoryThreshold: {
-    slow: 1,
-    medium: 3
+    slow: 2,
+    medium: 6
   }
 });
 ```
@@ -61,12 +61,12 @@ export default {
 
 The default connection category thresholds, in Mbps, are:
 ```
-slow: 2,
-medium: 6,
+slow: 1,
+medium: 2,
 fast: Number.MAX_SAFE_INTEGER
 ```
 
-This means that any download speed up to 2 Mbps, will be considered as `slow`. Any connection above 2 Mbps up to 6 Mbps will be considered as `medium`. Anything above that will be `fast`. You can override these defaults by specifying the defaults when installing the component as a plugin.
+This means that any download speed up to 1 Mbps, will be considered as `slow`. Any connection above 1 Mbps up to 2 Mbps will be considered as `medium`. Anything above that will be `fast`. You can override these defaults by specifying the defaults when installing the component as a plugin.
 
 Each web application will have different requirements, and that's why you can configure the different thresholds.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-connection-aware",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "private": false,
   "description": "A Vue component to easily create connection-aware web applications 📶",
   "author": "Sacha Zvetelman",

src/plugins/ConnectionAware/ConnectionAware.vue

@@ -7,8 +7,8 @@
 <script>
 const DEFAULT_OPTIONS = {
   connectionCategoryThreshold: {
-    slow: 2,
-    medium: 6,
+    slow: 1,
+    medium: 2,
     fast: Number.MAX_SAFE_INTEGER
   }
 };

tests/unit/ConnectionAware.spec.js

@@ -1,8 +1,8 @@
 import { shallowMount } from "@vue/test-utils";
 import ConnectionAware from "@/plugins/ConnectionAware/ConnectionAware.vue";
 
-const slowSpeed = 1;
-const mediumSpeed = 5;
+const slowSpeed = 0.9;
+const mediumSpeed = 1.9;
 const fastSpeed = 10;
 
 describe("ConnectionAware.vue", () => {
@@ -107,7 +107,7 @@ describe("ConnectionAware.vue", () => {
   });
 
   describe("getConnectionCategoryByDownloadSpeed", () => {
-    it.each([[slowSpeed], [slowSpeed + 1]])(
+    it.each([[slowSpeed], [slowSpeed + 0.1]])(
       "returns slow category when speed is within the slow category",
       speed => {
         // Arrange
@@ -121,7 +121,7 @@ describe("ConnectionAware.vue", () => {
       }
     );
 
-    it.each([[mediumSpeed], [mediumSpeed + 1]])(
+    it.each([[mediumSpeed], [mediumSpeed + 0.1]])(
       "returns medium category when speed is within the medium category",
       speed => {
         // Arrange