chore(travis): update iOs test browsers

Closes #16493

karma-shared.conf.js

@@ -104,11 +104,15 @@ module.exports = function(config, specificOptions) {
         platform: 'Windows 10',
         version: 'latest-1'
       },
-      'SL_iOS': {
+      'SL_iOS_10': {
         base: 'SauceLabs',
         browserName: 'iphone',
-        platform: 'OS X 10.10',
-        version: '8.1'
+        version: '10.3'
+      },
+      'SL_iOS_11': {
+        base: 'SauceLabs',
+        browserName: 'iphone',
+        version: '11'
       },
 
       'BS_Chrome': {
@@ -156,23 +160,17 @@ module.exports = function(config, specificOptions) {
         os: 'Windows',
         os_version: '10'
       },
-      'BS_iOS_8': {
-        base: 'BrowserStack',
-        device: 'iPhone 6',
-        os: 'ios',
-        os_version: '8.3'
-      },
-      'BS_iOS_9': {
-        base: 'BrowserStack',
-        device: 'iPhone 6S',
-        os: 'ios',
-        os_version: '9.3'
-      },
       'BS_iOS_10': {
         base: 'BrowserStack',
         device: 'iPhone 7',
         os: 'ios',
         os_version: '10.0'
+      },
+      'BS_iOS_11': {
+        base: 'BrowserStack',
+        device: 'iPhone 8',
+        os: 'ios',
+        os_version: '11.0'
       }
     }
   });

scripts/travis/build.sh

@@ -14,7 +14,7 @@ SAUCE_ACCESS_KEY=$(echo "$SAUCE_ACCESS_KEY" | rev)
 BROWSERS="SL_Chrome,SL_Chrome-1,\
 SL_Firefox,SL_Firefox-1,\
 SL_Safari,SL_Safari-1,\
-SL_iOS,\
+SL_iOS_10,SL_iOS_11,\
 SL_IE_9,SL_IE_10,SL_IE_11,\
 SL_EDGE,SL_EDGE-1"
 

test/ng/directive/ngOptionsSpec.js

@@ -2928,7 +2928,7 @@ describe('ngOptions', function() {
     // getter/setter is not defined on the prototype (probably due to some bug). On Safari 9, the
     // getter/setter that is already defined on the `<option>` element's prototype is not
     // configurable, so we can't overwrite it with our spy.
-    if (!/\b(9|\d{2})(?:\.\d+)+ safari/i.test(window.navigator.userAgent)) {
+    if (!/\b(9|\d{2})(?:\.\d+)+[\s\S]*safari/i.test(window.navigator.userAgent)) {
       it('should not re-set the `selected` property if it already has the correct value', function() {
         scope.values = [{name: 'A'}, {name: 'B'}];
         createMultiSelect();