Permalink
Browse files

feat #292 Mobile Device Properties

  • Loading branch information...
1 parent bbed68b commit 86cf2478131994bf9476b9fa42faafb1ac358bb0 renju richard committed Dec 17, 2012
Showing with 388 additions and 0 deletions.
  1. +223 −0 src/aria/utils/Device.js
  2. +163 −0 test/aria/utils/DeviceTest.js
  3. +2 −0 test/aria/utils/UtilsTestSuite.js
View
223 src/aria/utils/Device.js
@@ -0,0 +1,223 @@
+/*
+ * Copyright 2012 Amadeus s.a.s.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+Aria.classDefinition({
+ $classpath : 'aria.utils.Device',
+ $dependencies : ['aria.core.Browser'],
+ $singleton : true,
+ $constructor : function () {
+ var navigator = Aria.$global.navigator;
+ var ua = navigator ? navigator.userAgent.toLowerCase() : "";
+ /**
+ * The user agent string.
+ * @type String
+ */
+ this.ua = ua;
+ },
+
+ $prototype : {
+
+ /**
+ * Checks whether it is a Mobile Device including a Tablet
+ * @public
+ */
+ isDevice : function () {
+ var isDevice = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(this.ua)
+ || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(this.ua.substr(0, 4));
+
+ if (isDevice === true) {
+ this.isDevice = Aria.returnTrue;
+ } else {
+ this.isDevice = Aria.returnFalse;
+ }
+ return this.isDevice();
+ },
+
+ /**
+ * Checks whether it is a Mobile Device rather than a Tablet
+ * @public
+ */
+ isMobile : function () {
+ if (this.isDevice() === true && this.isTablet() === false) {
+ this.isMobile = Aria.returnTrue;
+ } else {
+ this.isMobile = Aria.returnFalse;
+ }
+ return this.isMobile();
+ },
+
+ /**
+ * Checks whether it is a Desktop
+ * @public
+ */
+ isDesktop : function () {
+
+ if (this.isDevice() === false) {
+ this.isDesktop = Aria.returnTrue;
+ } else {
+ this.isDesktop = Aria.returnFalse;
+ }
+ return this.isDesktop();
+ },
+
+ /**
+ * Checks whether the device is a Tablet Device
+ * @public
+ */
+ isTablet : function () {
+ var isTablet = /(iPad|SCH-I800|android 4.0|GT-P1000|GT-P1000R|GT-P1000M|SGH-T849|SHW-M180S|android 3.0|xoom|NOOK|playbook|tablet|silk|kindle|GT-P7510)/i.test(this.ua);
+ if (isTablet) {
+ this.isTablet = Aria.returnTrue;
+ } else {
+ this.isTablet = Aria.returnFalse;
+ }
+ return this.isTablet();
+ },
+
+ /**
+ * Checks whether it is a Touch Device
+ * @public
+ */
+ isTouch : function () {
+ var isTouch;
+ var blackBerryTouch = aria.core.Browser.isBlackBerry;
+ var bbModel;
+ if (/BlackBerry[\/\s]((?:\d+\.?)+)/.test(this.ua)) {
+ bbModel = RegExp.$1;
+ }
+ if (bbModel === "9670" || bbModel === "9100" || bbModel === "9105" || bbModel === "9360"
+ || bbModel === "9350" || bbModel === "9330" || bbModel === "9320" || bbModel === "9310"
+ || bbModel === "9300" || bbModel === "9220" || bbModel === "9780" || bbModel === "9700"
+ || bbModel === "9650") {
+ blackBerryTouch = false;
+ }
+ if ((('ontouchstart' in Aria.$window) || Aria.$window.DocumentTouch
+ && Aria.$window.document instanceof Aria.$window.DocumentTouch)
+ || !!blackBerryTouch) {
+ this.isTouch = Aria.returnTrue;
+ } else {
+ this.isTouch = Aria.returnFalse;
+ }
+ return this.isTouch();
+ },
+
+ /**
+ * Checks whether the Browser supports 2D transform
+ * @public
+ */
+ is2DTransformCapable : function () {
+ if (this._isStyleSupported('transform')) {
+ this.is2DTransformCapable = Aria.returnTrue;
+ } else {
+ this.is2DTransformCapable = Aria.returnFalse;
+ }
+ return this.is2DTransformCapable();
+ },
+
+ /**
+ * Checks whether the Browser supports 3D transform
+ * @public
+ */
+ is3DTranformCapable : function () {
+ if (this._isStyleSupported('perspective')) {
+ this.is3DTransformCapable = Aria.returnTrue;
+ } else {
+ this.is3DTransformCapable = Aria.returnFalse;
+ }
+ return this.is3DTransformCapable();
+ },
+
+ /**
+ * Checks whether the Device supports PhoneGap/Cordova
+ * @public
+ */
+ isPhoneGap : function () {
+ if ((Aria.$window.cordova !== null && Aria.$window.device !== null)
+ || (Aria.$window.device !== null && Aria.$window.device.phonegap !== "")) {
+ this.isPhonegap = Aria.returnTrue;
+ } else {
+ this.isPhonegap = Aria.returnFalse;
+ }
+ return this.isPhonegap();
+ },
+
+ /**
+ * Checks the orientation whether it is Horizontal or not
+ * @public
+ */
+ isHorizontalScreen : function () {
+ var blackBerryHorizontal = false;
+ var bbModel;
+ if (/BlackBerry[\/\s*]((?:\d+\.?)+)/.test(this.ua)) {
+ blackBerryHorizontal = ("9670" == RegExp.$1) ? true : false;
+ }
+ if (!(Aria.$window.orientation === null || Aria.$window.orientation === 0 || Aria.$window.orientation === 180)
+ || blackBerryHorizontal === true) {
+ this.isHorizontalScreen = Aria.returnTrue;
+ } else {
+ this.isHorizontalScreen = Aria.returnFalse;
+ }
+ return this.isHorizontalScreen();
+ },
+
+ /**
+ * private function - To check whether the style property is supported by the browser
+ * @param {String} CSS Property
+ * @private
+ */
+ _isStyleSupported : function (propName, elem) {
+ var prefixes = ['Moz', 'Webkit', 'Khtml', 'O', 'Ms'];
+ var _cache = {};
+
+ var element = elem || Aria.$window.document.documentElement;
+ var style = element.style, prefixed, uPropName;
+
+ // check cache only when no element is given;
+ if (arguments.length === 1 && typeof _cache[propName] === 'string') {
+ return _cache[propName];
+ }
+ // test standard property first
+ if (typeof style[propName] === 'string') {
+ _cache[propName] = propName;
+ return true;
+ }
+
+ // capitalize
+ uPropName = propName.charAt(0).toUpperCase() + propName.slice(1);
+
+ // test vendor specific properties
+ for (var i = 0, l = prefixes.length; i < l; i++) {
+ prefixed = prefixes[i] + uPropName;
+ if (typeof style[prefixed] === 'string') {
+ _cache[propName] = prefixed;
+ return true;
+ }
+ }
+ },
+
+ /**
+ * Checks whether the cursor moved with a trackball or trackpad.
+ * @public
+ */
+ isClickNavigation : function () {
+ if (aria.core.Browser.isBlackBerry) {
+ this.isClickNavigation = Aria.returnTrue;
+ } else {
+ this.isClickNavigation = Aria.returnFalse;
+ }
+ return this.isClickNavigation();
+ }
+ }
+});
View
163 test/aria/utils/DeviceTest.js
@@ -0,0 +1,163 @@
+/*
+ * Copyright 2012 Amadeus s.a.s.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+(function () {
+ /**
+ * @class test.aria.core.UATest
+ * @extends extends
+ */
+ var classDefinition = {
+ $classpath : 'test.aria.utils.DeviceTest',
+ $dependencies : ['aria.utils.Device'],
+ $extends : "aria.jsunit.TestCase",
+ $constructor : function () {
+ this.$TestCase.constructor.call(this);
+ this.isTabletBackup = aria.utils.Device.isTablet;
+ this.isMobileBackup = aria.utils.Device.isMobile;
+ this.isTouchBackup = aria.utils.Device.isTouch;
+ this.isDesktopBackup = aria.utils.Device.isDesktop;
+ this.userAgentBackup = aria.utils.Device.ua;
+ },
+
+ $destructor : function () {
+ this.isTabletBackup = null;
+ this.isMobileBackup = null;
+ this.userAgentBackup = null;
+ this.isTouchBackup = null;
+ this.isDesktopBackup = null;
+ this.$TestCase.$destructor.call(this);
+ },
+ $prototype : {
+ setUp : function () {
+ this.userAgent = aria.utils.Device;
+
+ },
+ tearDown : function () {
+ this.userAgent.ua = this.originalUserAgent;
+ this.userAgent = null;
+ this.originalUserAgent = null;
+ },
+ testToUAParser : function () {
+ this.MobileUserAgents = [
+ "Mozilla/5.0 (Android; Linux armv7l; rv:2.0.1) Gecko/20100101 Firefox/4.0.1 Fennec/2.0.1",
+ "HTC_Touch_3G Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)",
+ "Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/6.0.0.466 Mobile Safari/534.8+",
+ "Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; NOKIA; Lumia 800)",
+ "HTC_Touch_3G Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)",
+ "Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; Nokia;N70)",
+ "Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/12.0.024; Profile/MIDP-2.1 Configuration/CLDC-1.1; en-us) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.12344",
+ "Mozilla/5.0 (Android; Linux armv7l; rv:2.0.1) Gecko/20100101 Firefox/4.0.1 Fennec/2.0.1",
+ "Mozilla/5.0 (Linux; Android 4.1.1; Galaxy Nexus Build/JRO03C) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19",
+ "Mozilla/5.0 (SAMSUNG; SAMSUNG-GT-S8500/S8500XXJD9 U; Bada/1.0; fr-fr) AppleWebKit/533.1 (KHTML, like Gecko) Dolfin/2.0 Mobile WVGA SMM-MMS/1.2.0 OPN-B",
+ "Mozilla/5.0 (webOS/1.4.0; U; en-US) AppleWebKit/532.2(KHTML, like Gecko) Version/1.0 Safari/532.2 Pre/1.1",
+ "Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",
+ "Opera/9.80 (Windows Mobile; WCE; Opera Mobi/WMD-50433; U; en) Presto/2.4.13 Version/10.00",
+ "Opera/9.80 (S60; SymbOS; Opera Mobi/SYB-1107071606; U; en) Presto/2.8.149 Version/11.10",
+ "Opera/9.80 (J2ME/MIDP; Opera Mini/9 (Compatible; MSIE:9.0; iPhone; BlackBerry9700; AppleWebKit/24.746; U; en) Presto/2.5.25 Version/10.54"];
+
+ this.TabletUserAgents = [
+ "Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.0.1; en-US) AppleWebKit/535.8+ (KHTML, like Gecko) Version/7.2.0.1 Safari/535.8+",
+ "Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10",
+ "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.0.3705; Tablet PC 2.0)",
+ "Mozilla/5.0 (Linux; U; Android 2.2; en-gb; SAMSUNG GT-P1000 Tablet Build/MASTER) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"];
+
+ this._testMobileUserAgents();
+ },
+
+ _testMobileUserAgents : function () {
+ for (var i = 0; i < this.MobileUserAgents.length; i++) {
+ this.userAgent.ua = this.MobileUserAgents[i];
+ aria.utils.Device.isMobile = this.isMobileBackup;
+ this.assertTrue(this.userAgent.isMobile() === true, "This is not a Mobile device");
+ }
+ this._testTabletUserAgents();
+ },
+
+ _testTabletUserAgents : function () {
+ for (var i = 0; i < this.TabletUserAgents.length; i++) {
+ this.userAgent.ua = this.TabletUserAgents[i];
+ aria.utils.Device.isTablet = this.isTabletBackup;
+ this.assertTrue(this.userAgent.isTablet() === true, "This is not a tablet device");
+ }
+ this._testStyleSupported();
+ },
+
+ _testStyleSupported : function () {
+ if ('WebkitTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'MozTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'OTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'transform' in Aria.$frameworkWindow.document.documentElement.style) {
+ var isSupported = aria.utils.Device._isStyleSupported('transform');
+ this.assertTrue(isSupported === true, "This style supported not correct");
+ }
+ this._test2DSupported();
+ },
+
+ _test2DSupported : function () {
+ if ('WebkitTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'MozTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'OTransform' in Aria.$frameworkWindow.document.documentElement.style
+ || 'transform' in Aria.$frameworkWindow.document.documentElement.style) {
+ var isSupported = aria.utils.Device.is2DTransformCapable();
+ this.assertTrue(isSupported === true, "This style supported not correct");
+ }
+ this._testClickNavigation();
+ },
+
+ _testClickNavigation : function () {
+ aria.core.Browser.ua = "Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/6.0.0.466 Mobile Safari/534.8+";
+ aria.core.Browser._init();
+ var isSupported = aria.utils.Device.isClickNavigation();
+ this.assertTrue(isSupported === true, "This test click not supported");
+ this._testHorizontalScreen();
+ },
+
+ _testHorizontalScreen : function () {
+ aria.utils.Device.ua = "Mozilla/5.0 (BlackBerry; U; BlackBerry 9670; en) AppleWebKit/534.3+ (KHTML, like Gecko) Version/6.0.0.286 Mobile Safari/534.3+";
+ var isSupported = aria.utils.Device.isHorizontalScreen();
+ this.assertTrue(isSupported === true, "This screen is not Horizontal");
+ this._testTouchSupported();
+ },
+
+ _testTouchSupported : function () {
+ aria.core.Browser.ua = "Mozilla/5.0 (BlackBerry; U; BlackBerry 9670; en) AppleWebKit/534.3+ (KHTML, like Gecko) Version/6.0.0.286 Mobile Safari/534.3+";
+ aria.core.Browser._init();
+ var isSupported = aria.utils.Device.isTouch();
+ if (('ontouchstart' in Aria.$window) || Aria.$window.DocumentTouch
+ && Aria.$window.document instanceof Aria.$window.DocumentTouch) {
+ this.assertTrue(isSupported === true, "This screen Touch Supported");
+ } else {
+ this.assertTrue(isSupported === false, "This screen Touch Supported");
+ }
+ this._testPhoneGap();
+ },
+
+ _testPhoneGap : function () {
+ if (Aria.$frameworkWindow.device == null || Aria.$frameworkWindow.device == "")
+ Aria.$frameworkWindow["device"] = "phonegap";
+
+ var isSupported = aria.utils.Device.isPhoneGap();
+ this.assertTrue(isSupported === true, "This screen is not a PhoneGap Device");
+ this._testDesktop();
+ },
+ _testDesktop : function () {
+ aria.utils.Device.ua = "Mozilla/5.0 (BlackBerry; U; BlackBerry 9670; en) AppleWebKit/534.3+ (KHTML, like Gecko) Version/6.0.0.286 Mobile Safari/534.3+";
+ var isSupported = aria.utils.Device.isDevice();
+ this.assertTrue(isSupported === true, "This is a Desktop");
+
+ }
+ }
+ };
+ Aria.classDefinition(classDefinition);
+})();
View
2 test/aria/utils/UtilsTestSuite.js
@@ -58,5 +58,7 @@ Aria.classDefinition({
this.addTests("test.aria.utils.Time");
this.addTests("test.aria.utils.TypeTest");
this.addTests("test.aria.utils.Xml");
+ this.addTests("test.aria.utils.DeviceTest");
+
}
});

0 comments on commit 86cf247

Please sign in to comment.