get tests passing on IE11

grunt/jasmine.js

@@ -8,7 +8,9 @@ module.exports = function(grunt) {
     options: {
       vendor: [
         'node_modules/jquery/dist/jquery.js',
-        'node_modules/jasmine-jquery/lib/jasmine-jquery.js'
+        'node_modules/jasmine-jquery/lib/jasmine-jquery.js',
+        'node_modules/es6-promise/dist/es6-promise.auto.js', // for IE11
+        'node_modules/custom-event-polyfill/polyfill.js', // for IE11
       ],
       helpers: [
         'src/spec/helpers/**/*.js'

package.json

@@ -16,6 +16,8 @@
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
   "devDependencies": {
+    "custom-event-polyfill": "^1.0.6",
+    "es6-promise": "^4.2.5",
     "evenizer": "^0.1.17",
     "grunt": "^1.0.1",
     "grunt-bump": "^0.8.0",

spec.html

@@ -26,6 +26,10 @@
 
   <script src="node_modules/jasmine-jquery/lib/jasmine-jquery.js"></script>
 
+  <script src="node_modules/es6-promise/dist/es6-promise.auto.js"></script>
+
+  <script src="node_modules/custom-event-polyfill/polyfill.js"></script>
+
   <script src="src/spec/helpers/helpers.js"></script>
 
   <script src="src/js/data.js"></script>

src/spec/helpers/helpers.js

@@ -97,7 +97,7 @@ var selectFlag = function(countryCode, i) {
 };
 
 var openCountryDropDown = function() {
-    getSelectedFlagContainer()[0].click();
+  getSelectedFlagContainer()[0].click();
 };
 
 var putCursorAtEnd = function() {
@@ -109,23 +109,24 @@ var selectInputChars = function(start, end) {
   input[0].setSelectionRange(start, end);
 };
 
+// use this for focus/blur (instead of using .focus() and .blur() directly, which cause problems in IE11)
+var triggerInputEvent = function(type) {
+  var e = new CustomEvent(type);
+  input[0].dispatchEvent(e);
+}
+
 var triggerKey = function(el, type, key) {
-  var event = new KeyboardEvent(type, { key: key });
-  el.dispatchEvent(event);
-  return event;
+  var e = new CustomEvent(type);
+  e.key = key;
+  el.dispatchEvent(e);
 };
 
 // trigger keydown, then keypress, then add the key, then keyup
 var triggerKeyOnInput = function(key) {
   triggerKey(input[0], 'keydown', key);
-  var e = triggerKey(input[0], 'keypress', key);
-  // insert char
-  if (!e.defaultPrevented) {
-    var val = input.val(),
-      before = val.substr(0, input[0].selectionStart),
-      after = val.substring(input[0].selectionEnd, val.length);
-    input.val(before + key + after);
-  }
+  triggerKey(input[0], 'keypress', key);
+  var val = input.val();
+  input.val(val + key);
   triggerKey(input[0], 'keyup', key);
 };
 

src/spec/tests/options/autoHideDialCode.js

@@ -32,7 +32,7 @@ describe("autoHideDialCode option:", function() {
     describe("focusing the input", function() {
 
       beforeEach(function() {
-        input[0].focus();
+        triggerInputEvent("focus");
       });
 
       it("adds the default dial code", function() {
@@ -48,7 +48,7 @@ describe("autoHideDialCode option:", function() {
       });
 
       it("blurring it removes it again", function() {
-        input[0].blur();
+        triggerInputEvent("blur");
         expect(getInputVal()).toEqual("");
       });
 
@@ -65,9 +65,9 @@ describe("autoHideDialCode option:", function() {
       });
 
       it("focusing and blurring the input doesn't change it", function() {
-        input[0].focus();
+        triggerInputEvent("focus");
         expect(getInputVal()).toEqual(number);
-        input[0].blur();
+        triggerInputEvent("blur");
         expect(getInputVal()).toEqual(number);
       });
 
@@ -90,9 +90,9 @@ describe("autoHideDialCode option:", function() {
     });
 
     it("focusing and bluring the input dont change the val", function() {
-      input[0].focus();
+      triggerInputEvent("focus");
       expect(getInputVal()).toEqual(defaultDialCode);
-      input[0].blur();
+      triggerInputEvent("blur");
       expect(getInputVal()).toEqual(defaultDialCode);
     });
 
@@ -106,9 +106,9 @@ describe("autoHideDialCode option:", function() {
       });
 
       it("focusing and blurring the input doesn't change it", function() {
-        input[0].focus();
+        triggerInputEvent("focus");
         expect(getInputVal()).toEqual(number);
-        input[0].blur();
+        triggerInputEvent("blur");
         expect(getInputVal()).toEqual(number);
       });
 

src/spec/tests/options/geoIpLookup.js

@@ -57,8 +57,8 @@ describe("geoIpLookup:", function() {
       });
       iti.promise.then(function() {
         resolved = true;
+        done();
       });
-      setTimeout(done);
     });
 
     it("does resolve", function() {

src/spec/tests/options/nationalMode.js

@@ -28,7 +28,7 @@ describe("nationalMode:", function() {
     });
 
     it("focusing the input does not insert the dial code", function() {
-      input.focus();
+      triggerInputEvent("focus");
       expect(getInputVal()).toEqual("");
     });
 

src/spec/tests/options/onlyCountries.js

@@ -84,7 +84,7 @@ describe("onlyCountries option:", function() {
     });
 
     it("first instance still works", function() {
-      input.focus();
+      triggerInputEvent("focus");
       expect(input.val()).toEqual("+81");
     });