baz

" ); +proto.element = $( "

" ); - module("Content Widget _filterNavigateEvents", { - setup: function() { - mockEvent = $.Event( "mock" ); - mockEvent.originalEvent = $.Event( "hashchange" ); - } - }); +module( "Content Widget _filterNavigateEvents", { + setup: function() { + mockEvent = $.Event( "mock" ); + mockEvent.originalEvent = $.Event( "hashchange" ); + } +} ); - test( "rejects navigate events where the original event's default is prevented", function(){ - expect( 1 ); +test( "rejects navigate events where the original event's default is prevented", function() { + expect( 1 ); - mockEvent.originalEvent.isDefaultPrevented = function() { - ok( true, "request for default status" ); - return true; - }; + mockEvent.originalEvent.isDefaultPrevented = function() { + ok( true, "request for default status" ); + return true; + }; - proto._handleNavigate = function() { - throw "should not be called when the original event's default is prevented"; - }; + proto._handleNavigate = function() { + throw "should not be called when the original event's default is prevented"; + }; - proto._filterNavigateEvents( mockEvent, {} ); - }); + proto._filterNavigateEvents( mockEvent, {} ); +} ); - test( "uses the hash in the state when the original event is a hashchange", function() { - expect( 2 ); +test( "uses the hash in the state when the original event is a hashchange", function() { + expect( 2 ); - proto._handleNavigate = function( url, state ) { - equal( url, "foo", "the url is the hash stored in the state" ); - equal( state.hash, url, "hash stored in the state is used as the url" ); - }; + proto._handleNavigate = function( url, state ) { + equal( url, "foo", "the url is the hash stored in the state" ); + equal( state.hash, url, "hash stored in the state is used as the url" ); + }; - proto._filterNavigateEvents( mockEvent, { state: { hash: "foo" }} ); - }); + proto._filterNavigateEvents( mockEvent, { state: { hash: "foo" } } ); +} ); - test( "uses the url in the state when the original event is NOT a hashchange", function() { - expect( 2 ); +test( "uses the url in the state when the original event is NOT a hashchange", function() { + expect( 2 ); - mockEvent.originalEvent = $.Event( "other" ); + mockEvent.originalEvent = $.Event( "other" ); - proto._handleNavigate = function( url, state ) { - equal( url, "bar", "the url is the url stored in the state: " + url ); - equal( state.url, url, "url stored in the state is used as the url: " + state.url ); - }; + proto._handleNavigate = function( url, state ) { + equal( url, "bar", "the url is the url stored in the state: " + url ); + equal( state.url, url, "url stored in the state is used as the url: " + state.url ); + }; - proto._filterNavigateEvents( mockEvent, { state: { url: "bar" }} ); - }); + proto._filterNavigateEvents( mockEvent, { state: { url: "bar" } } ); +} ); - test( "uses the current hash when no url or hash is present", function() { - expect( 1 ); +test( "uses the current hash when no url or hash is present", function() { + expect( 1 ); - proto._handleNavigate = function( url, state ) { - equal( url, "baz", "the url is the hash stored in the state" ); - }; + proto._handleNavigate = function( url, state ) { + equal( url, "baz", "the url is the hash stored in the state" ); + }; - proto._getHash = function() { - return "baz"; - }; + proto._getHash = function() { + return "baz"; + }; - proto._filterNavigateEvents( mockEvent, { state: {}} ); - }); + proto._filterNavigateEvents( mockEvent, { state: {} } ); +} ); - test( "uses the current url when no hash is present", function() { - expect( 1 ); +test( "uses the current url when no hash is present", function() { + expect( 1 ); - proto._handleNavigate = function( url, state ) { - equal( url, location.href, "the url is the hash stored in the state" ); - }; + proto._handleNavigate = function( url, state ) { + equal( url, location.href, "the url is the hash stored in the state" ); + }; - proto._getHash = function() { - return ""; - }; + proto._getHash = function() { + return ""; + }; - proto._filterNavigateEvents( mockEvent, { state: {}} ); - }); + proto._filterNavigateEvents( mockEvent, { state: {} } ); +} ); - module("Content Widget _handleDialog", { - setup: function() { - proto = $.mobile.pagecontainer.prototype; - } - }); +module( "Content Widget _handleDialog", { + setup: function() { + proto = $.mobile.pagecontainer.prototype; + } +} ); - test( "continues backward when the active content isn't a dialog", function() { - expect( 2 ); +test( "continues backward when the active content isn't a dialog", function() { + expect( 2 ); - proto.getActivePage = function() { - return $( "

" ); - }; + proto.getActivePage = function() { + return $( "

" ); + }; - proto.back = function(){ - ok( true, "back called" ); - }; + proto.back = function() { + ok( true, "back called" ); + }; - ok( !proto._handleDialog( {}, {direction: "back"} ), "returns false to prevent action" ); - }); + ok( !proto._handleDialog( {}, { direction: "back" } ), "returns false to prevent action" ); +} ); - test( "continues forward when the active content isn't a dialog", function() { - expect( 2 ); +test( "continues forward when the active content isn't a dialog", function() { + expect( 2 ); - proto.getActivePage = function() { - return $( "

" ); - }; + proto.getActivePage = function() { + return $( "

" ); + }; - proto.forward = function(){ - ok( true, "forward called" ); - }; + proto.forward = function() { + ok( true, "forward called" ); + }; - ok( !proto._handleDialog( {}, {direction: "forward"} ), "returns false to prevent action" ); - }); + ok( !proto._handleDialog( {}, { direction: "forward" } ), "returns false to prevent action" ); +} ); - test( "extends changePageOptions when current content is a dialog", function() { - var result, opts = {}; +test( "extends changePageOptions when current content is a dialog", function() { + var result, + opts = {}; - proto.getActivePage = function() { - return $( "

" ).data( "mobile-dialog", true ); - }; + proto.getActivePage = function() { + return $( "

" ).data( "mobile-dialog", true ); + }; - proto._getHistory = function() { - return { - length: 3, - activeIndex: 1, - lastIndex: 2, - stack: [ - { - role: "page", - transition: "none" - }, - { - role: "foo", - transition: "flip" - }, - { - role: "page", - transition: "bar" - } - ], - getLast: function() { - return this.stack[ this.lastIndex ]; + proto._getHistory = function() { + return { + length: 3, + activeIndex: 1, + lastIndex: 2, + stack: [ + { + role: "page", + transition: "none" }, - getActive: function() { - return this.stack[ this.activeIndex ]; + { + role: "foo", + transition: "flip" + }, + { + role: "page", + transition: "bar" } - }; + ], + getLast: function() { + return this.stack[ this.lastIndex ]; + }, + getActive: function() { + return this.stack[ this.activeIndex ]; + } }; + }; - deepEqual( opts.role, undefined, "Initially, role is undefined" ); - deepEqual( opts.transition, undefined, "Initially, transition is undefined" ); - deepEqual( opts.reverse, undefined, "Initially, reverse is undefined" ); - - // the pageUrl is returned for use as the target url when the active content is a dialog - deepEqual( proto._handleDialog( opts, { direction: "back", pageUrl: "baz" } ), "baz", - "pageUrl is returned" ); - - deepEqual( opts.role, "foo", "Afterwards, role is 'foo'" ); - deepEqual( opts.transition, "bar", "Afterwards, transition is 'bar'" ); - deepEqual( opts.reverse, true, "Afterwards, reverse is true" ); - }); - - var base = "http://example.com/"; - - module("Content Widget _handleDestination", { - setup: function() { - proto = $.mobile.pagecontainer.prototype; - proto._getHistory = function() { - return { - initialDst: "foo", - stack: [] - }; - }; + deepEqual( opts.role, undefined, "Initially, role is undefined" ); + deepEqual( opts.transition, undefined, "Initially, transition is undefined" ); + deepEqual( opts.reverse, undefined, "Initially, reverse is undefined" ); - proto._getDocumentBase = function() { - return base; - }; - } - }); + // the pageUrl is returned for use as the target url when the active content is a dialog + deepEqual( proto._handleDialog( opts, { direction: "back", pageUrl: "baz" } ), "baz", + "pageUrl is returned" ); - test( "skips manipulation and returns the initial content if two is falsey", function() { - proto._getInitialContent = function() { - return "initial content"; + deepEqual( opts.role, "foo", "Afterwards, role is 'foo'" ); + deepEqual( opts.transition, "bar", "Afterwards, transition is 'bar'" ); + deepEqual( opts.reverse, true, "Afterwards, reverse is true" ); +} ); + +var base = "http://example.com/"; + +module( "Content Widget _handleDestination", { + setup: function() { + proto = $.mobile.pagecontainer.prototype; + proto._getHistory = function() { + return { + initialDst: "foo", + stack: [] + }; }; - equal( "initial content", proto._handleDestination( "" ), "avoids manip" ); - }); + proto._getDocumentBase = function() { + return base; + }; + } +} ); - test( "returns an absolute url when the argument is just a hash", function() { - equal( base + "#foo", proto._handleDestination( "#foo" ) ); - }); +test( "skips manipulation and returns the initial content if two is falsey", function() { + proto._getInitialContent = function() { + return "initial content"; + }; - test( "returns the hashless value when the argument is a path", function() { - equal( "foo/bar", proto._handleDestination( "#foo/bar" ) ); - }); + equal( "initial content", proto._handleDestination( "" ), "avoids manip" ); +} ); - module( "Content Widget _recordScroll" ); +test( "returns an absolute url when the argument is just a hash", function() { + equal( base + "#foo", proto._handleDestination( "#foo" ) ); +} ); - test( "does not record scroll position when disabled", function() { - expect( 0 ); +test( "returns the hashless value when the argument is a path", function() { + equal( "foo/bar", proto._handleDestination( "#foo/bar" ) ); +} ); - proto._getActiveHistory = function() { - ok( false, "_getActiveHistory should never be called" ); - }; +module( "Content Widget _recordScroll" ); - proto._disableRecordScroll(); - proto._recordScroll(); - }); +test( "does not record scroll position when disabled", function() { + expect( 0 ); - test( "prefers last scroll when it's larger than the minimum scroll", function() { - expect( 1 ); + proto._getActiveHistory = function() { + ok( false, "_getActiveHistory should never be called" ); + }; - var active = {}; + proto._disableRecordScroll(); + proto._recordScroll(); +} ); - proto._getActiveHistory = function() { - return active; - }; +test( "prefers last scroll when it's larger than the minimum scroll", function() { + expect( 1 ); - proto._getMinScroll = function() { - return 50; - }; + var active = {}; - proto._getScroll = function() { - return 100; - }; + proto._getActiveHistory = function() { + return active; + }; - proto._enableRecordScroll(); - proto._recordScroll(); + proto._getMinScroll = function() { + return 50; + }; - equal( active.lastScroll, 100, "should be equal to _getScroll value" ); - }); + proto._getScroll = function() { + return 100; + }; - test( "prefers default scroll when current scroll < default scroll", function() { - expect( 1 ); + proto._enableRecordScroll(); + proto._recordScroll(); - var active = {}; + equal( active.lastScroll, 100, "should be equal to _getScroll value" ); +} ); - proto._getActiveHistory = function() { - return active; - }; +test( "prefers default scroll when current scroll < default scroll", function() { + expect( 1 ); - // min scroll - proto._getMinScroll = function() { - return 50; - }; + var active = {}; - // current scroll - proto._getScroll = function() { - return 25; - }; + proto._getActiveHistory = function() { + return active; + }; - // default scroll - proto._getDefaultScroll = function() { - return 1; - }; + // min scroll + proto._getMinScroll = function() { + return 50; + }; - proto._enableRecordScroll(); - proto._recordScroll(); + // current scroll + proto._getScroll = function() { + return 25; + }; - equal( active.lastScroll, 1, "should be equal to _getScroll value" ); - }); + // default scroll + proto._getDefaultScroll = function() { + return 1; + }; - module( "Content Widget _find", { - setup: function() { - proto._getNs = function() { - return "foo-"; - }; + proto._enableRecordScroll(); + proto._recordScroll(); - proto.element = $( "

" ); - } - }); + equal( active.lastScroll, 1, "should be equal to _getScroll value" ); +} ); - test( "returns the page container child matching the dataUrl first", function() { - this.element = $( "

" ); +module( "Content Widget _find", { + setup: function() { + proto._getNs = function() { + return "foo-"; + }; - equal( - proto._find( "bar" )[0], - proto.element.children()[0], - "returns the first child of the page container" - ); - }); + proto.element = $( "

" ); + } +} ); - test( "returns the child with the dataUrl id and corrects the data-url attr", function() { - var result; +test( "returns the page container child matching the dataUrl first", function() { + this.element = $( "

" ); - proto.element = $( "

" ); + equal( + proto._find( "bar" )[ 0 ], + proto.element.children()[ 0 ], + "returns the first child of the page container" + ); +} ); - equal( proto.element.children().first().attr( "data-foo-url" ), undefined ); +test( "returns the child with the dataUrl id and corrects the data-url attr", function() { + var result; - result = proto._find( "bar" ), + proto.element = $( "

" ); - equal( - result[0], - proto.element.children()[0], - "returns the first child of the page container" - ); + equal( proto.element.children().first().attr( "data-foo-url" ), undefined ); - equal( result.attr( "data-foo-url"), "bar" ); - }); + result = proto._find( "bar" ), - test( "returns the first page when nothing matches", function() { - proto._getInitialContent = function() { - return $( "

" ).children().first(); - }; + equal( + result[ 0 ], + proto.element.children()[ 0 ], + "returns the first child of the page container" + ); - // using location.href as the fileUrl param ensures that path.isFirstPageUrl returns true - ok( proto._find(location.href).is("#initial"), "matches the first page" ); - }); + equal( result.attr( "data-foo-url" ), "bar" ); +} ); - module( "Content Widget _parse", { - setup: function() { - $.mobile.ns = "foo-"; - } - }); +test( "returns the first page when nothing matches", function() { + proto._getInitialContent = function() { + return $( "

" ).children().first(); + }; - // TODO test that scripts are run when included in the HTML + // using location.href as the fileUrl param ensures that path.isFirstPageUrl returns true + ok( proto._find( location.href ).is( "#initial" ), "matches the first page" ); +} ); - test( "returns first page with data role page", function() { - var html; +module( "Content Widget _parse", { + setup: function() { + $.mobile.ns = "foo-"; + } +} ); - html = "

" + - "

"; - equal( proto._parse( html ).attr("id"), "first" ); - }); +// TODO test that scripts are run when included in the HTML - test( "returns first page with data role dialog", function() { - var html, page; +test( "returns first page with data role page", function() { + var html; - html = "

" + - "

"; + html = "

" + + "

"; + equal( proto._parse( html ).attr( "id" ), "first" ); +} ); - page = proto._parse( html ); +test( "returns first page with data role dialog", function() { + var html, page; - equal( page.attr("id"), "first" ); - equal( page.attr( "data-foo-role" ), "dialog" ); - }); + html = "

" + + "

"; - test( "returns the body of the html wrapped in a page when no page exists", function() { - var html, page; + page = proto._parse( html ); - html = "foo"; + equal( page.attr( "id" ), "first" ); + equal( page.attr( "data-foo-role" ), "dialog" ); +} ); - page = proto._parse( html ); +test( "returns the body of the html wrapped in a page when no page exists", function() { + var html, page; - equal( page.attr("data-foo-role"), "page" ); - equal( page.text(), "foo" ); - }); + html = "foo"; - module( "Content Widget _setLoadedTitle", { - setup: function() { - $.mobile.ns = "foo-"; - } - }); + page = proto._parse( html ); - test( "does nothing where the title is already defined for the page", function() { - var html, page, pageHtml; + equal( page.attr( "data-foo-role" ), "page" ); + equal( page.text(), "foo" ); +} ); - pageHtml = "

"; - page = $( pageHtml ); - html = "baz" + pageHtml; +module( "Content Widget _setLoadedTitle", { + setup: function() { + $.mobile.ns = "foo-"; + } +} ); - proto._setLoadedTitle( page, html ); +test( "does nothing where the title is already defined for the page", function() { + var html, page, pageHtml; - equal( page.jqmData("title"), "bar" ); - }); + pageHtml = "

"; + page = $( pageHtml ); + html = "baz" + pageHtml; - test( "adds the title to the page from the html", function() { - var html, page, pageHtml; + proto._setLoadedTitle( page, html ); - pageHtml = "

"; - page = $( pageHtml ); - html = "baz" + pageHtml; + equal( page.jqmData( "title" ), "bar" ); +} ); - proto._setLoadedTitle( page, html ); +test( "adds the title to the page from the html", function() { + var html, page, pageHtml; - equal( page.jqmData("title"), "baz" ); - }); + pageHtml = "

"; + page = $( pageHtml ); + html = "baz" + pageHtml; - test( "prevents injection", function() { - var html, page, pageHtml; + proto._setLoadedTitle( page, html ); - pageHtml = "

"; - page = $( pageHtml ); - html = "<script>foo</script>"; + equal( page.jqmData( "title" ), "baz" ); +} ); - proto._setLoadedTitle( page, html ); +test( "prevents injection", function() { + var html, page, pageHtml; - equal( page.jqmData("title"), undefined ); - }); + pageHtml = "

"; + page = $( pageHtml ); + html = "<script>foo</script>"; - module( "Content Widget _triggerWithDeprecated" ); + proto._setLoadedTitle( page, html ); - test( "triggers both content* and page* events and includes data", function() { - expect( 4 ); + equal( page.jqmData( "title" ), undefined ); +} ); - proto.element.bind( "pagefoo", function( event, data ) { - ok( true, "page event trigger" ); - equal( data.bar, "baz", "data is passed through" ); - }); +module( "Content Widget _triggerWithDeprecated" ); - proto.element.bind( "pagecontainerfoo", function( event, data ) { - ok( true, "content event trigger" ); - equal( data.bar, "baz", "data is passed through" ); - }); +test( "triggers both content* and page* events and includes data", function() { + expect( 4 ); - proto._triggerWithDeprecated( "foo", { bar: "baz" } ); - }); + proto.element.bind( "pagefoo", function( event, data ) { + ok( true, "page event trigger" ); + equal( data.bar, "baz", "data is passed through" ); + } ); - module( "Content Widget _include" ); + proto.element.bind( "pagecontainerfoo", function( event, data ) { + ok( true, "content event trigger" ); + equal( data.bar, "baz", "data is passed through" ); + } ); - test( "include appends to the element", function() { - var page = $( "

" ); + proto._triggerWithDeprecated( "foo", { bar: "baz" } ); +} ); - page.page = $.noop; - proto.element = $( "

" ); +module( "Content Widget _include" ); - equal( proto.element.children().length, 0, "no children" ); - proto._include( page, {} ); - equal( proto.element.children().length, 1, "one child" ); - }); +test( "include appends to the element", function() { + var page = $( "

" ); - test( "invokes the page method on the element with a role", function() { - expect( 1 ); - var page = $( "

" ); + page.page = $.noop; + proto.element = $( "

" ); - page.page = function( opts ){ - if( opts.role ){ - equal( opts.role, "foo" ); - } - }; + equal( proto.element.children().length, 0, "no children" ); + proto._include( page, {} ); + equal( proto.element.children().length, 1, "one child" ); +} ); - proto._include( page, {role: "foo"} ); - }); +test( "invokes the page method on the element with a role", function() { + expect( 1 ); + var page = $( "

" ); - module( "Content Widget _loadUrl", { - setup: function() { - proto = reset; - proto.element = $( "

" ); - reset = $.extend( {}, proto ); + page.page = function( opts ) { + if ( opts.role ) { + equal( opts.role, "foo" ); } - }); + }; - test( "should call the transition method on success", function() { - expect( 3 ); + proto._include( page, { role: "foo" } ); +} ); - proto.load = function( to, settings ) { - ok( true, "load called" ); +module( "Content Widget _loadUrl", { + setup: function() { + proto = reset; + proto.element = $( "

" ); + reset = $.extend( {}, proto ); + } +} ); - // resolve with a url, options, and new content - settings.deferred.resolve( "foo", {}, $( "

" ) ); - }; +test( "should call the transition method on success", function() { + expect( 3 ); - proto.transition = function( content ) { - ok( content.is( "#newcontent" ), "new content is passed through" ); - ok( true, "change called" ); - }; + proto.load = function( to, settings ) { + ok( true, "load called" ); - proto._loadUrl( "foo", {}, {} ); - }); + // resolve with a url, options, and new content + settings.deferred.resolve( "foo", {}, $( "

" ) ); + }; - test( "should trigger pagecontainerchangefailed on failure", function() { - expect( 2 ); + proto.transition = function( content ) { + ok( content.is( "#newcontent" ), "new content is passed through" ); + ok( true, "change called" ); + }; - proto.load = function( to, settings ) { - ok( true, "load called" ); + proto._loadUrl( "foo", {}, {} ); +} ); - // reject with a url, options, and new content - settings.deferred.reject( "foo", {} ); - }; +test( "should trigger pagecontainerchangefailed on failure", function() { + expect( 2 ); - proto.element.bind( "pagecontainerchangefailed", function() { - ok( true, "pagecontainerchangefailed was triggered" ); - }); + proto.load = function( to, settings ) { + ok( true, "load called" ); - proto._loadUrl( "foo", {}, {} ); - }); + // reject with a url, options, and new content + settings.deferred.reject( "foo", {} ); + }; - test( "should release page transition lock on failure", function() { - expect( 2 ); + proto.element.bind( "pagecontainerchangefailed", function() { + ok( true, "pagecontainerchangefailed was triggered" ); + } ); - proto._releaseTransitionLock = function() { - ok( true, "release lock called" ); - }; + proto._loadUrl( "foo", {}, {} ); +} ); - proto.load = function( to, settings ) { - ok( true, "load called" ); +test( "should release page transition lock on failure", function() { + expect( 2 ); - // reject with a url, options, and new content - settings.deferred.reject( "foo", {} ); - }; + proto._releaseTransitionLock = function() { + ok( true, "release lock called" ); + }; - proto._loadUrl( "foo", {}, {} ); - }); + proto.load = function( to, settings ) { + ok( true, "load called" ); - test( "should remove active link class on failure", function() { - expect( 2 ); + // reject with a url, options, and new content + settings.deferred.reject( "foo", {} ); + }; - proto._removeActiveLinkClass = function() { - ok( true, "remove active link called" ); - }; + proto._loadUrl( "foo", {}, {} ); +} ); - proto.load = function( to, settings ) { - ok( true, "load called" ); +test( "should remove active link class on failure", function() { + expect( 2 ); - // reject with a url, options, and new content - settings.deferred.reject( "foo", {} ); - }; + proto._removeActiveLinkClass = function() { + ok( true, "remove active link called" ); + }; - proto._loadUrl( "foo", {}, {} ); - }); - - test( "_find() does not throw upon encountering a weird file name", function() { - var errorThrown, - proto = $.mobile.pagecontainer.prototype; - - try { - proto._find.call({ - _getNs: proto._getNs, - _createFileUrl: proto._createFileUrl, - _createDataUrl: proto._createDataUrl, - _getInitialContent: function() { return $( "

" ); }, - element: $( "" ) - }, "http://localhost/Raison d'être.html" ); - } catch( error ) { - errorThrown = error; - } + proto.load = function( to, settings ) { + ok( true, "load called" ); + + // reject with a url, options, and new content + settings.deferred.reject( "foo", {} ); + }; + + proto._loadUrl( "foo", {}, {} ); +} ); + +test( "_find() does not throw upon encountering a weird file name", function() { + var errorThrown, + proto = $.mobile.pagecontainer.prototype; + + try { + proto._find.call( { + _getNs: proto._getNs, + _createFileUrl: proto._createFileUrl, + _createDataUrl: proto._createDataUrl, + _getInitialContent: function() { + return $( "

" ); + }, + element: $( "" ) + }, "http://localhost/Raison d'être.html" ); + } catch ( error ) { + errorThrown = error; + } - deepEqual( errorThrown, undefined, "Error was not thrown" ); - }); -})(jQuery); + deepEqual( errorThrown, undefined, "Error was not thrown" ); +} ); +} )( jQuery ); diff --git a/tests/unit/core/core.js b/tests/unit/core/core.js index 0b2a5461d06..154d1221458 100644 --- a/tests/unit/core/core.js +++ b/tests/unit/core/core.js @@ -2,192 +2,191 @@ * mobile core unit tests */ -(function($){ - var libName = "core", - setGradeA = function(value, version) { - $.support.mediaquery = value; - $.mobile.browser.ie = version; - }, - extendFn = $.extend, - ns = $.mobile.ns; - - module(libName, { - setup: function(){ - $.mobile.ns = ns; - - // NOTE reset for gradeA tests - $('html').removeClass('ui-mobile'); - - // NOTE reset for pageLoading tests - $('.ui-loader').remove(); - }, - teardown: function(){ - $.extend = extendFn; - } - }); - - $.testHelper.excludeFileProtocol(function(){ - asyncTest( "grade A browser either supports media queries or is IE 7+", function(){ - setGradeA(false, 6); - $.testHelper.deferredSequence([ - function() { - return $.testHelper.reloadModule(libName); - }, - - function() { - ok(!$.mobile.gradeA()); - }, - - function() { - setGradeA(true, 8); - return $.testHelper.reloadModule(libName); - }, - - function() { - ok($.mobile.gradeA()); - start(); - } - ]); - }); - }); - - function clearNSNormalizeDictionary() - { - var dict = $.mobile.nsNormalizeDict; - for ( var prop in dict ) { - delete dict[ prop ]; - } +( function( $ ) { +var libName = "core", + setGradeA = function( value, version ) { + $.support.mediaquery = value; + $.mobile.browser.ie = version; + }, + extendFn = $.extend, + ns = $.mobile.ns; + +module( libName, { + setup: function() { + $.mobile.ns = ns; + + // NOTE reset for gradeA tests + $( 'html' ).removeClass( 'ui-mobile' ); + + // NOTE reset for pageLoading tests + $( '.ui-loader' ).remove(); + }, + teardown: function() { + $.extend = extendFn; } +} ); + +$.testHelper.excludeFileProtocol( function() { + asyncTest( "grade A browser either supports media queries or is IE 7+", function() { + setGradeA( false, 6 ); + $.testHelper.deferredSequence( [ + function() { + return $.testHelper.reloadModule( libName ); + }, + + function() { + ok( !$.mobile.gradeA() ); + }, + + function() { + setGradeA( true, 8 ); + return $.testHelper.reloadModule( libName ); + }, + + function() { + ok( $.mobile.gradeA() ); + start(); + } + ] ); + } ); +} ); + +function clearNSNormalizeDictionary() { + var dict = $.mobile.nsNormalizeDict; + for ( var prop in dict ) { + delete dict[ prop ]; + } +} - test( "$.mobile.nsNormalize works properly with namespace defined (test default)", function(){ - // Start with a fresh namespace property cache, just in case - // the previous test mucked with namespaces. - clearNSNormalizeDictionary(); +test( "$.mobile.nsNormalize works properly with namespace defined (test default)", function() { + // Start with a fresh namespace property cache, just in case + // the previous test mucked with namespaces. + clearNSNormalizeDictionary(); - equal($.mobile.nsNormalize("foo"), "nstestFoo", "appends ns and initcaps"); - equal($.mobile.nsNormalize("fooBar"), "nstestFooBar", "leaves capped strings intact"); - equal($.mobile.nsNormalize("foo-bar"), "nstestFooBar", "changes dashed strings"); - equal($.mobile.nsNormalize("foo-bar-bak"), "nstestFooBarBak", "changes multiple dashed strings"); + equal( $.mobile.nsNormalize( "foo" ), "nstestFoo", "appends ns and initcaps" ); + equal( $.mobile.nsNormalize( "fooBar" ), "nstestFooBar", "leaves capped strings intact" ); + equal( $.mobile.nsNormalize( "foo-bar" ), "nstestFooBar", "changes dashed strings" ); + equal( $.mobile.nsNormalize( "foo-bar-bak" ), "nstestFooBarBak", "changes multiple dashed strings" ); - // Reset the namespace property cache for the next test. - clearNSNormalizeDictionary(); - }); + // Reset the namespace property cache for the next test. + clearNSNormalizeDictionary(); +} ); - test( "$.mobile.nsNormalize works properly with an empty namespace", function(){ - var realNs = $.mobile.ns; +test( "$.mobile.nsNormalize works properly with an empty namespace", function() { + var realNs = $.mobile.ns; - $.mobile.ns = ""; + $.mobile.ns = ""; - // Start with a fresh namespace property cache, just in case - // the previous test mucked with namespaces. - clearNSNormalizeDictionary(); + // Start with a fresh namespace property cache, just in case + // the previous test mucked with namespaces. + clearNSNormalizeDictionary(); - equal($.mobile.nsNormalize("foo"), "foo", "leaves uncapped and undashed"); - equal($.mobile.nsNormalize("fooBar"), "fooBar", "leaves capped strings intact"); - equal($.mobile.nsNormalize("foo-bar"), "fooBar", "changes dashed strings"); - equal($.mobile.nsNormalize("foo-bar-bak"), "fooBarBak", "changes multiple dashed strings"); + equal( $.mobile.nsNormalize( "foo" ), "foo", "leaves uncapped and undashed" ); + equal( $.mobile.nsNormalize( "fooBar" ), "fooBar", "leaves capped strings intact" ); + equal( $.mobile.nsNormalize( "foo-bar" ), "fooBar", "changes dashed strings" ); + equal( $.mobile.nsNormalize( "foo-bar-bak" ), "fooBarBak", "changes multiple dashed strings" ); - $.mobile.ns = realNs; + $.mobile.ns = realNs; - // Reset the namespace property cache for the next test. - clearNSNormalizeDictionary(); - }); + // Reset the namespace property cache for the next test. + clearNSNormalizeDictionary(); +} ); - //data tests - test( "$.fn.jqmData and $.fn.jqmRemoveData methods are working properly", function(){ - var data; +//data tests +test( "$.fn.jqmData and $.fn.jqmRemoveData methods are working properly", function() { + var data; - deepEqual( $("body").jqmData("foo", true), $("body"), "setting data returns the element" ); + deepEqual( $( "body" ).jqmData( "foo", true ), $( "body" ), "setting data returns the element" ); - deepEqual( $("body").jqmData("foo"), true, "getting data returns the right value" ); + deepEqual( $( "body" ).jqmData( "foo" ), true, "getting data returns the right value" ); - deepEqual( $("body").data($.mobile.nsNormalize("foo")), true, "data was set using namespace" ); + deepEqual( $( "body" ).data( $.mobile.nsNormalize( "foo" ) ), true, "data was set using namespace" ); - deepEqual( $("body").jqmData("foo", undefined), true, "getting data still returns the value if there's an undefined second arg" ); + deepEqual( $( "body" ).jqmData( "foo", undefined ), true, "getting data still returns the value if there's an undefined second arg" ); - data = $.extend( {}, $("body").data() ); - delete data[ $.expando ]; //discard the expando for that test - deepEqual( data.nstestFoo, true, "passing .data() no arguments returns a hash with all set properties" ); + data = $.extend( {}, $( "body" ).data() ); + delete data[ $.expando ]; //discard the expando for that test + deepEqual( data.nstestFoo, true, "passing .data() no arguments returns a hash with all set properties" ); - deepEqual( $("body").jqmData(), undefined, "passing no arguments returns undefined" ); + deepEqual( $( "body" ).jqmData(), undefined, "passing no arguments returns undefined" ); - deepEqual( $("body").jqmData(undefined), undefined, "passing a single undefined argument returns undefined" ); + deepEqual( $( "body" ).jqmData( undefined ), undefined, "passing a single undefined argument returns undefined" ); - deepEqual( $("body").jqmData(undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" ); + deepEqual( $( "body" ).jqmData( undefined, undefined ), undefined, "passing 2 undefined arguments returns undefined" ); - deepEqual( $("body").jqmRemoveData("foo"), $("body"), "jqmRemoveData returns the element" ); + deepEqual( $( "body" ).jqmRemoveData( "foo" ), $( "body" ), "jqmRemoveData returns the element" ); - deepEqual( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" ); + deepEqual( $( "body" ).jqmData( "foo" ), undefined, "jqmRemoveData properly removes namespaced data" ); - }); +} ); - test( "$.jqmData and $.jqmRemoveData methods are working properly", function(){ - deepEqual( $.jqmData(document.body, "foo", true), true, "setting data returns the value" ); +test( "$.jqmData and $.jqmRemoveData methods are working properly", function() { + deepEqual( $.jqmData( document.body, "foo", true ), true, "setting data returns the value" ); - deepEqual( $.jqmData(document.body, "foo"), true, "getting data returns the right value" ); + deepEqual( $.jqmData( document.body, "foo" ), true, "getting data returns the right value" ); - deepEqual( $.data(document.body, $.mobile.nsNormalize("foo")), true, "data was set using namespace" ); + deepEqual( $.data( document.body, $.mobile.nsNormalize( "foo" ) ), true, "data was set using namespace" ); - deepEqual( $.jqmData(document.body, "foo", undefined), true, "getting data still returns the value if there's an undefined second arg" ); + deepEqual( $.jqmData( document.body, "foo", undefined ), true, "getting data still returns the value if there's an undefined second arg" ); - deepEqual( $.jqmData(document.body), undefined, "passing no arguments returns undefined" ); + deepEqual( $.jqmData( document.body ), undefined, "passing no arguments returns undefined" ); - deepEqual( $.jqmData(document.body, undefined), undefined, "passing a single undefined argument returns undefined" ); + deepEqual( $.jqmData( document.body, undefined ), undefined, "passing a single undefined argument returns undefined" ); - deepEqual( $.jqmData(document.body, undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" ); + deepEqual( $.jqmData( document.body, undefined, undefined ), undefined, "passing 2 undefined arguments returns undefined" ); - deepEqual( $.jqmRemoveData(document.body, "foo"), undefined, "jqmRemoveData returns the undefined value" ); + deepEqual( $.jqmRemoveData( document.body, "foo" ), undefined, "jqmRemoveData returns the undefined value" ); - deepEqual( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" ); + deepEqual( $( "body" ).jqmData( "foo" ), undefined, "jqmRemoveData properly removes namespaced data" ); - }); +} ); - test( "addDependents works properly", function() { - deepEqual( $("#parent").jqmData('dependents'), undefined ); - $( "#parent" ).addDependents( $("#dependent") ); - deepEqual( $("#parent").jqmData('dependents').length, 1 ); - }); +test( "addDependents works properly", function() { + deepEqual( $( "#parent" ).jqmData( 'dependents' ), undefined ); + $( "#parent" ).addDependents( $( "#dependent" ) ); + deepEqual( $( "#parent" ).jqmData( 'dependents' ).length, 1 ); +} ); - test( "removeWithDependents removes the parent element and ", function(){ - $( "#parent" ).addDependents( $("#dependent") ); - deepEqual($( "#parent, #dependent" ).length, 2); - $( "#parent" ).removeWithDependents(); - deepEqual($( "#parent, #dependent" ).length, 0); - }); +test( "removeWithDependents removes the parent element and ", function() { + $( "#parent" ).addDependents( $( "#dependent" ) ); + deepEqual( $( "#parent, #dependent" ).length, 2 ); + $( "#parent" ).removeWithDependents(); + deepEqual( $( "#parent, #dependent" ).length, 0 ); +} ); - test( "$.fn.getEncodedText should return the encoded value where $.fn.text doesn't", function() { - deepEqual( $("#encoded").text(), "foo>"); - deepEqual( $("#encoded").getEncodedText(), "foo>"); - deepEqual( $("#unencoded").getEncodedText(), "var foo;"); - }); +test( "$.fn.getEncodedText should return the encoded value where $.fn.text doesn't", function() { + deepEqual( $( "#encoded" ).text(), "foo>" ); + deepEqual( $( "#encoded" ).getEncodedText(), "foo>" ); + deepEqual( $( "#unencoded" ).getEncodedText(), "var foo;" ); +} ); - test( "closestPageData returns the parent's page data", function() { - var pageChild = $( "#page-child" ); +test( "closestPageData returns the parent's page data", function() { + var pageChild = $( "#page-child" ); - $( "#parent-page" ).data( "mobile-page", { foo: "bar" } ); - deepEqual( $.mobile.closestPageData( pageChild ).foo, "bar" ); - }); + $( "#parent-page" ).data( "mobile-page", { foo: "bar" } ); + deepEqual( $.mobile.closestPageData( pageChild ).foo, "bar" ); +} ); - test( "closestPageData returns the parent dialog's page data", function() { - var dialogChild = $( "#dialog-child" ); +test( "closestPageData returns the parent dialog's page data", function() { + var dialogChild = $( "#dialog-child" ); - $( "#parent-dialog" ).data( "mobile-page", { foo: "bar" } ); - deepEqual( $.mobile.closestPageData(dialogChild).foo, "bar" ); - }); + $( "#parent-dialog" ).data( "mobile-page", { foo: "bar" } ); + deepEqual( $.mobile.closestPageData( dialogChild ).foo, "bar" ); +} ); - test( "test that $.fn.jqmHijackable works", function() { - $.mobile.ignoreContentEnabled = true; +test( "test that $.fn.jqmHijackable works", function() { + $.mobile.ignoreContentEnabled = true; - deepEqual( $( "#hijacked-link" ).jqmHijackable().length, 1, - "a link without any association to data-ajax=false should be included"); + deepEqual( $( "#hijacked-link" ).jqmHijackable().length, 1, + "a link without any association to data-ajax=false should be included" ); - deepEqual( $( "#unhijacked-link-by-parent" ).jqmHijackable().length, 0, - "a link with a data-ajax=false parent should be excluded"); + deepEqual( $( "#unhijacked-link-by-parent" ).jqmHijackable().length, 0, + "a link with a data-ajax=false parent should be excluded" ); - deepEqual( $( "#unhijacked-link-by-attr" ).jqmHijackable().length, 0, - "a link with data-ajax=false should be excluded"); + deepEqual( $( "#unhijacked-link-by-attr" ).jqmHijackable().length, 0, + "a link with data-ajax=false should be excluded" ); - $.mobile.ignoreContentEnabled = false; - }); -})(jQuery); + $.mobile.ignoreContentEnabled = false; +} ); +} )( jQuery ); diff --git a/tests/unit/event/event_core.js b/tests/unit/event/event_core.js index 71394df306d..d99c78357b8 100644 --- a/tests/unit/event/event_core.js +++ b/tests/unit/event/event_core.js @@ -2,641 +2,649 @@ * mobile event unit tests */ -(function($){ - var libName = "jquery.mobile.events.js", - components = [ "events/touch.js", "events/throttledresize.js", "events/scroll.js", - "events/orientationchange.js" ], - absFn = Math.abs, - originalPageContainer = $.mobile.pageContainer, - originalEventFn = $.Event.prototype.originalEvent, - preventDefaultFn = $.Event.prototype.preventDefault, - events = ("touchstart touchmove touchend tap taphold " + - "swipe swipeleft swiperight scrollstart scrollstop orientationchange").split( " " ); - - module(libName, { - setup: function(){ - - // ensure bindings are removed - $.each( events.concat( "vmouseup vmousedown".split(" ") ), function(i, name){ - $("#qunit-fixture").unbind(); - }); - - //NOTE unmock - Math.abs = absFn; - $.Event.prototype.originalEvent = originalEventFn; - $.Event.prototype.preventDefault = preventDefaultFn; - - // make sure the event objects respond to touches to simulate - // the collections existence in non touch enabled test browsers - $.Event.prototype.touches = [{pageX: 1, pageY: 1 }]; - - $.mobile.pageContainer = originalPageContainer || $( "body" ); - - $($.mobile.pageContainer).unbind( "throttledresize" ); - }, - teardown: function() { - $.mobile.pageContainer = originalPageContainer; - } - }); - - $.testHelper.excludeFileProtocol(function(){ - test( "new events defined on the jquery object", function(){ - $.each(events, function( i, name ) { - delete $.fn[name]; - deepEqual($.fn[name], undefined, "After deleting it, $.fn[ '" + name + "' ] is indeed undefined" ); - }); - - $.each( components, function( index, value ) { $.testHelper.reloadLib( value ); }); - - $.each(events, function( i, name ) { - ok( $.fn[name] !== undefined, name + " should NOT be undefined"); - }); - }); - }); - - asyncTest( "defined event functions bind a closure when passed", function(){ - expect( 1 ); - - $('#qunit-fixture').bind(events[0], function(){ - ok(true, "event fired"); - start(); - }); +( function( $ ) { +var libName = "jquery.mobile.events.js", + components = [ "events/touch.js", "events/throttledresize.js", "events/scroll.js", + "events/orientationchange.js" ], + absFn = Math.abs, + originalPageContainer = $.mobile.pageContainer, + originalEventFn = $.Event.prototype.originalEvent, + preventDefaultFn = $.Event.prototype.preventDefault, + events = ( "touchstart touchmove touchend tap taphold " + + "swipe swipeleft swiperight scrollstart scrollstop orientationchange" ).split( " " ); + +module( libName, { + setup: function() { + + // ensure bindings are removed + $.each( events.concat( "vmouseup vmousedown".split( " " ) ), function( i, name ) { + $( "#qunit-fixture" ).unbind(); + } ); + + //NOTE unmock + Math.abs = absFn; + $.Event.prototype.originalEvent = originalEventFn; + $.Event.prototype.preventDefault = preventDefaultFn; + + // make sure the event objects respond to touches to simulate + // the collections existence in non touch enabled test browsers + $.Event.prototype.touches = [ { pageX: 1, pageY: 1 } ]; + + $.mobile.pageContainer = originalPageContainer || $( "body" ); + + $( $.mobile.pageContainer ).unbind( "throttledresize" ); + }, + teardown: function() { + $.mobile.pageContainer = originalPageContainer; + } +} ); + +$.testHelper.excludeFileProtocol( function() { + test( "new events defined on the jquery object", function() { + $.each( events, function( i, name ) { + delete $.fn[ name ]; + deepEqual( $.fn[ name ], undefined, "After deleting it, $.fn[ '" + name + "' ] is indeed undefined" ); + } ); + + $.each( components, function( index, value ) { + $.testHelper.reloadLib( value ); + } ); + + $.each( events, function( i, name ) { + ok( $.fn[ name ] !== undefined, name + " should NOT be undefined" ); + } ); + } ); +} ); + +asyncTest( "defined event functions bind a closure when passed", function() { + expect( 1 ); + + $( '#qunit-fixture' ).bind( events[ 0 ], function() { + ok( true, "event fired" ); + start(); + } ); - $('#qunit-fixture').trigger(events[0]); - }); + $( '#qunit-fixture' ).trigger( events[ 0 ] ); +} ); - asyncTest( "defined event functions trigger the event with no arguments", function(){ - expect( 1 ); +asyncTest( "defined event functions trigger the event with no arguments", function() { + expect( 1 ); - $('#qunit-fixture').bind('touchstart', function(){ - ok(true, "event fired"); - start(); - }); - - $('#qunit-fixture').touchstart(); - }); - - // jQuery < 1.8 - if ( $.attrFn ) { - test( "defining event functions sets the attrFn to true", function(){ - $.each( events, function( index, name ) { - ok( $.attrFn[ name ], "attribute function is true" ); - }); - }); - } + $( '#qunit-fixture' ).bind( 'touchstart', function() { + ok( true, "event fired" ); + start(); + } ); + + $( '#qunit-fixture' ).touchstart(); +} ); + +// jQuery < 1.8 +if ( $.attrFn ) { + test( "defining event functions sets the attrFn to true", function() { + $.each( events, function( index, name ) { + ok( $.attrFn[ name ], "attribute function is true" ); + } ); + } ); +} + + +test( "scrollstart enabled defaults to true", function() { + $.event.special.scrollstart.enabled = false; + $.each( components, function( index, value ) { + $.testHelper.reloadLib( value ); + } ); + ok( $.event.special.scrollstart.enabled, "scrollstart enabled" ); +} ); + +asyncTest( "scrollstart setup binds a function that returns when its disabled", function() { + expect( 1 ); + $.event.special.scrollstart.enabled = false; + + $( "#qunit-fixture" ).bind( "scrollstart", function() { + ok( false, "scrollstart fired" ); + } ); + + $( "#qunit-fixture" ).bind( "touchmove", function() { + ok( true, "touchmove fired" ); + start(); + } ); + $( "#qunit-fixture" ).trigger( "touchmove" ); +} ); - test( "scrollstart enabled defaults to true", function(){ - $.event.special.scrollstart.enabled = false; - $.each( components, function( index, value ) { $.testHelper.reloadLib( value ); }); - ok($.event.special.scrollstart.enabled, "scrollstart enabled"); - }); +asyncTest( "scrollstart setup binds a function that triggers scroll start when enabled", function() { + $.event.special.scrollstart.enabled = true; - asyncTest( "scrollstart setup binds a function that returns when its disabled", function(){ - expect( 1 ); - $.event.special.scrollstart.enabled = false; + $( "#qunit-fixture" ).bind( "scrollstart", function() { + ok( true, "scrollstart fired" ); + start(); + } ); - $( "#qunit-fixture" ).bind("scrollstart", function(){ - ok(false, "scrollstart fired"); - }); + $( "#qunit-fixture" ).trigger( "touchmove" ); +} ); - $( "#qunit-fixture" ).bind("touchmove", function(){ - ok(true, "touchmove fired"); - start(); - }); +asyncTest( "scrollstart setup binds a function that triggers scroll stop after 50 ms", function() { + var triggered = false; + $.event.special.scrollstart.enabled = true; - $( "#qunit-fixture" ).trigger("touchmove"); - }); + $( "#qunit-fixture" ).bind( "scrollstop", function() { + triggered = true; + } ); - asyncTest( "scrollstart setup binds a function that triggers scroll start when enabled", function(){ - $.event.special.scrollstart.enabled = true; + ok( !triggered, "not triggered" ); - $( "#qunit-fixture" ).bind("scrollstart", function(){ - ok(true, "scrollstart fired"); - start(); - }); + $( "#qunit-fixture" ).trigger( "touchmove" ); - $( "#qunit-fixture" ).trigger("touchmove"); - }); + setTimeout( function() { + ok( triggered, "triggered" ); + start(); + }, 50 ); +} ); + +var forceTouchSupport = function() { + document.ontouchend = function() {}; + $.testHelper.reloadLib( "support/touch.js" ); + $.each( components, function( index, value ) { + $.testHelper.reloadLib( value ); + } ); + + //mock originalEvent information + $.Event.prototype.originalEvent = { + touches: [ { 'pageX': 0 }, { 'pageY': 0 } ] + }; +}; - asyncTest( "scrollstart setup binds a function that triggers scroll stop after 50 ms", function(){ - var triggered = false; - $.event.special.scrollstart.enabled = true; +asyncTest( "long press fires tap hold after taphold duration", function() { + var taphold = false, + target = undefined; - $( "#qunit-fixture" ).bind("scrollstop", function(){ - triggered = true; - }); + forceTouchSupport(); - ok(!triggered, "not triggered"); + $( "#qunit-fixture" ).bind( "taphold", function( e ) { + taphold = true; + target = e.target; + } ); - $( "#qunit-fixture" ).trigger("touchmove"); + $( "#qunit-fixture" ).trigger( "vmousedown" ); - setTimeout(function(){ - ok(triggered, "triggered"); - start(); - }, 50); - }); + setTimeout( function() { + ok( !taphold, "taphold not fired" ); + deepEqual( target, undefined, "taphold target should be #qunit-fixture" ); + }, $.event.special.tap.tapholdThreshold - 10 ); - var forceTouchSupport = function(){ - document.ontouchend = function() {}; - $.testHelper.reloadLib( "support/touch.js" ); - $.each( components, function( index, value ) { $.testHelper.reloadLib( value ); }); - //mock originalEvent information - $.Event.prototype.originalEvent = { - touches: [{ 'pageX' : 0 }, { 'pageY' : 0 }] - }; + setTimeout( function() { + ok( taphold, "taphold fired" ); + equal( target, $( "#qunit-fixture" ).get( 0 ), "taphold target should be #qunit-fixture" ); + start(); + }, $.event.special.tap.tapholdThreshold + 10 ); +} ); + +//NOTE used to simulate movement when checked +//TODO find a better way ... +var mockAbs = function( value ) { + Math.abs = function() { + return value; }; +}; - asyncTest( "long press fires tap hold after taphold duration", function(){ - var taphold = false, - target = undefined; - - forceTouchSupport(); +asyncTest( "move prevents taphold", function() { + expect( 1 ); + var taphold = false; - $( "#qunit-fixture" ).bind("taphold", function( e ){ - taphold = true; - target = e.target; - }); + forceTouchSupport(); + mockAbs( 100 ); - $( "#qunit-fixture" ).trigger("vmousedown"); + //NOTE record taphold event + $( "#qunit-fixture" ).bind( "taphold", function() { + ok( false, "taphold fired" ); + taphold = true; + } ); - setTimeout(function(){ - ok( !taphold, "taphold not fired" ); - deepEqual( target, undefined, "taphold target should be #qunit-fixture" ); - }, $.event.special.tap.tapholdThreshold - 10); + //NOTE start the touch events + $( "#qunit-fixture" ).trigger( "vmousedown" ); + //NOTE fire touchmove to push back taphold + setTimeout( function() { + $( "#qunit-fixture" ).trigger( "vmousecancel" ); + }, 100 ); - setTimeout(function(){ - ok( taphold, "taphold fired" ); - equal( target, $( "#qunit-fixture" ).get( 0 ), "taphold target should be #qunit-fixture" ); - start(); - }, $.event.special.tap.tapholdThreshold + 10); - }); - - //NOTE used to simulate movement when checked - //TODO find a better way ... - var mockAbs = function(value){ - Math.abs = function(){ - return value; + //NOTE verify that the taphold hasn't been fired + // with the normal timing + setTimeout( function() { + ok( !taphold, "taphold not fired" ); + start(); + }, 751 ); +} ); + +asyncTest( "tap event fired without movement", function() { + expect( 1 ); + var tap = false, + checkTap = function() { + ok( true, "tap fired" ); }; - }; - - asyncTest( "move prevents taphold", function(){ - expect( 1 ); - var taphold = false; - - forceTouchSupport(); - mockAbs(100); - - //NOTE record taphold event - $( "#qunit-fixture" ).bind("taphold", function(){ - ok(false, "taphold fired"); - taphold = true; - }); - //NOTE start the touch events - $( "#qunit-fixture" ).trigger("vmousedown"); + forceTouchSupport(); - //NOTE fire touchmove to push back taphold - setTimeout(function(){ - $( "#qunit-fixture" ).trigger("vmousecancel"); - }, 100); + //NOTE record the tap event + $( "#qunit-fixture" ).bind( "tap", checkTap ); - //NOTE verify that the taphold hasn't been fired - // with the normal timing - setTimeout(function(){ - ok(!taphold, "taphold not fired"); - start(); - }, 751); - }); + $( "#qunit-fixture" ).trigger( "vmousedown" ); + $( "#qunit-fixture" ).trigger( "vmouseup" ); + $( "#qunit-fixture" ).trigger( "vclick" ); - asyncTest( "tap event fired without movement", function(){ - expect( 1 ); - var tap = false, - checkTap = function(){ - ok(true, "tap fired"); - }; + setTimeout( function() { + start(); + }, 400 ); +} ); + +asyncTest( "tap event not fired when there is movement", function() { + expect( 1 ); + var tap = false; + forceTouchSupport(); + + //NOTE record tap event + $( "#qunit-fixture" ).bind( "tap", function() { + ok( false, "tap fired" ); + tap = true; + } ); + + //NOTE make sure movement is recorded + mockAbs( 100 ); + + //NOTE start and move right away + $( "#qunit-fixture" ).trigger( "touchstart" ); + $( "#qunit-fixture" ).trigger( "touchmove" ); + + //NOTE end touch sequence after 20 ms + setTimeout( function() { + $( "#qunit-fixture" ).trigger( "touchend" ); + }, 20 ); + + setTimeout( function() { + ok( !tap, "not tapped" ); + start(); + }, 40 ); +} ); + +asyncTest( "tap event propagates up DOM tree", function() { + var tap = 0, + $qf = $( "#qunit-fixture" ), + $doc = $( document ), + docTapCB = function() { + deepEqual( ++tap, 2, "document tap callback called once after #qunit-fixture callback" ); + }; - forceTouchSupport(); + $qf.bind( "tap", function() { + deepEqual( ++tap, 1, "#qunit-fixture tap callback called once" ); + } ); - //NOTE record the tap event - $( "#qunit-fixture" ).bind("tap", checkTap); + $doc.bind( "tap", docTapCB ); - $( "#qunit-fixture" ).trigger("vmousedown"); - $( "#qunit-fixture" ).trigger("vmouseup"); - $( "#qunit-fixture" ).trigger("vclick"); + $qf.trigger( "vmousedown" ) + .trigger( "vmouseup" ) + .trigger( "vclick" ); - setTimeout(function(){ - start(); - }, 400); - }); - - asyncTest( "tap event not fired when there is movement", function(){ - expect( 1 ); - var tap = false; - forceTouchSupport(); - - //NOTE record tap event - $( "#qunit-fixture" ).bind("tap", function(){ - ok(false, "tap fired"); - tap = true; - }); - - //NOTE make sure movement is recorded - mockAbs(100); - - //NOTE start and move right away - $( "#qunit-fixture" ).trigger("touchstart"); - $( "#qunit-fixture" ).trigger("touchmove"); - - //NOTE end touch sequence after 20 ms - setTimeout(function(){ - $( "#qunit-fixture" ).trigger("touchend"); - }, 20); - - setTimeout(function(){ - ok(!tap, "not tapped"); - start(); - }, 40); - }); + // tap binding should be triggered twice, once for + // #qunit-fixture, and a second time for document. + deepEqual( tap, 2, "final tap callback count is 2" ); - asyncTest( "tap event propagates up DOM tree", function(){ - var tap = 0, - $qf = $( "#qunit-fixture" ), - $doc = $( document ), - docTapCB = function(){ - deepEqual(++tap, 2, "document tap callback called once after #qunit-fixture callback"); - }; + $doc.unbind( "tap", docTapCB ); - $qf.bind( "tap", function() { - deepEqual(++tap, 1, "#qunit-fixture tap callback called once"); - }); + start(); +} ); - $doc.bind( "tap", docTapCB ); +asyncTest( "stopPropagation() prevents tap from propagating up DOM tree", function() { + var tap = 0, + $qf = $( "#qunit-fixture" ), + $doc = $( document ), + docTapCB = function() { + ok( false, "tap should NOT be triggered on document" ); + }; - $qf.trigger( "vmousedown" ) - .trigger( "vmouseup" ) - .trigger( "vclick" ); + $qf.bind( "tap", function( e ) { + deepEqual( ++tap, 1, "tap callback 1 triggered once on #qunit-fixture" ); + e.stopPropagation(); + } ) + .bind( "tap", function( e ) { + deepEqual( ++tap, 2, "tap callback 2 triggered once on #qunit-fixture" ); + } ); - // tap binding should be triggered twice, once for - // #qunit-fixture, and a second time for document. - deepEqual( tap, 2, "final tap callback count is 2" ); + $doc.bind( "tap", docTapCB ); - $doc.unbind( "tap", docTapCB ); + $qf.trigger( "vmousedown" ) + .trigger( "vmouseup" ) + .trigger( "vclick" ); - start(); - }); + // tap binding should be triggered twice. + deepEqual( tap, 2, "final tap count is 2" ); - asyncTest( "stopPropagation() prevents tap from propagating up DOM tree", function(){ - var tap = 0, - $qf = $( "#qunit-fixture" ), - $doc = $( document ), - docTapCB = function(){ - ok(false, "tap should NOT be triggered on document"); - }; + $doc.unbind( "tap", docTapCB ); - $qf.bind( "tap", function(e) { - deepEqual(++tap, 1, "tap callback 1 triggered once on #qunit-fixture"); - e.stopPropagation(); - }) - .bind( "tap", function(e) { - deepEqual(++tap, 2, "tap callback 2 triggered once on #qunit-fixture"); - }); + start(); +} ); - $doc.bind( "tap", docTapCB); +asyncTest( "stopImmediatePropagation() prevents tap propagation and execution of 2nd handler", function() { + var tap = 0, + $cf = $( "#qunit-fixture" ), + $doc = $( document ), + docTapCB = function() { + ok( false, "tap should NOT be triggered on document" ); + }; - $qf.trigger( "vmousedown" ) - .trigger( "vmouseup" ) - .trigger( "vclick" ); + // Bind 2 tap callbacks on qunit-fixture. Only the first + // one should ever be called. + $cf.bind( "tap", function( e ) { + deepEqual( ++tap, 1, "tap callback 1 triggered once on #qunit-fixture" ); + e.stopImmediatePropagation(); + } ) + .bind( "tap", function( e ) { + ok( false, "tap callback 2 should NOT be triggered on #qunit-fixture" ); + } ); + + $doc.bind( "tap", docTapCB ); + + $cf.trigger( "vmousedown" ) + .trigger( "vmouseup" ) + .trigger( "vclick" ); + + // tap binding should be triggered once. + deepEqual( tap, 1, "final tap count is 1" ); + + $doc.unbind( "tap", docTapCB ); + + start(); +} ); + +var swipeTimedTest = function( opts ) { + var newHandlerCount, origHandlerCount, + origHandleSwipe = $.event.special.swipe.handleSwipe, + handleSwipeAlwaysOnInner = true, + swipe = false, + bubble = false, + qunitFixture = $( "#qunit-fixture" ), + body = $( "body" ), + dummyFunction = function() {}, + getHandlerCount = function( element ) { + var event, index, + eventNames = [ "touchstart", "touchmove", "touchend" ], + returnValue = {}, + events = $._data( element, "events" ); + + for ( index in eventNames ) { + returnValue[ eventNames[ index ] ] = 0; + if ( events && events[ eventNames[ index ] ] ) { + returnValue[ eventNames[ index ] ] = + ( events[ eventNames[ index ] ].length || 0 ); + } + } - // tap binding should be triggered twice. - deepEqual( tap, 2, "final tap count is 2" ); + return returnValue; + }; - $doc.unbind( "tap", docTapCB ); + forceTouchSupport(); - start(); - }); + // Attach a dummy function to ensure that the swipe teardown leaves it attached + body.add( qunitFixture ) + .on( "touchstart touchmove touchend", dummyFunction ); - asyncTest( "stopImmediatePropagation() prevents tap propagation and execution of 2nd handler", function(){ - var tap = 0, - $cf = $( "#qunit-fixture" ), - $doc = $( document ), - docTapCB = function(){ - ok(false, "tap should NOT be triggered on document"); - }; + // Count handlers - this will include the function added above + origHandlerCount = { + body: getHandlerCount( body[ 0 ] ), + qunitFixture: getHandlerCount( qunitFixture[ 0 ] ) + }; - // Bind 2 tap callbacks on qunit-fixture. Only the first - // one should ever be called. - $cf.bind( "tap", function(e) { - deepEqual(++tap, 1, "tap callback 1 triggered once on #qunit-fixture"); - e.stopImmediatePropagation(); - }) - .bind( "tap", function(e) { - ok(false, "tap callback 2 should NOT be triggered on #qunit-fixture"); - }); + qunitFixture.one( 'swipe', function() { + swipe = true; + } ); - $doc.bind( "tap", docTapCB); + body.one( "swipe", function() { + bubble = true; + } ); - $cf.trigger( "vmousedown" ) - .trigger( "vmouseup" ) - .trigger( "vclick" ); + // Instrument method handleSwipe + $.event.special.swipe.handleSwipe = + function( start, stop, thisObject, origTarget ) { + if ( thisObject !== qunitFixture[ 0 ] ) { + handleSwipeAlwaysOnInner = false; + } + return origHandleSwipe.apply( this, arguments ); + }; - // tap binding should be triggered once. - deepEqual( tap, 1, "final tap count is 1" ); + //NOTE bypass the trigger source check + $.Event.prototype.originalEvent = { + touches: [ { + clientX: 0, + clientY: 0 + } ] + }; - $doc.unbind( "tap", docTapCB ); + qunitFixture.trigger( "touchstart" ); - start(); - }); - - var swipeTimedTest = function(opts){ - var newHandlerCount, origHandlerCount, - origHandleSwipe = $.event.special.swipe.handleSwipe, - handleSwipeAlwaysOnInner = true, - swipe = false, - bubble = false, - qunitFixture = $( "#qunit-fixture" ), - body = $( "body" ), - dummyFunction = function() {}, - getHandlerCount = function( element ) { - var event, index, - eventNames = [ "touchstart", "touchmove", "touchend" ], - returnValue = {}, - events = $._data( element, "events" ); - - for ( index in eventNames ) { - returnValue[ eventNames[ index ] ] = 0; - if ( events && events[ eventNames[ index ] ] ) { - returnValue[ eventNames[ index ] ] = - ( events[ eventNames[ index ] ].length || 0 ); - } - } + //NOTE make sure the coordinates are calculated within range + // to be registered as a swipe + mockAbs( opts.coordChange ); - return returnValue; - }; + setTimeout( function() { + qunitFixture.trigger( "touchmove" ); + qunitFixture.trigger( "touchend" ); + }, opts.timeout + 100 ); - forceTouchSupport(); + setTimeout( function() { + deepEqual( swipe, opts.expected, "swipe expected" ); + deepEqual( bubble, opts.expected, "swipe bubbles when present" ); + deepEqual( handleSwipeAlwaysOnInner, true, "handleSwipe is always called on the inner element" ); - // Attach a dummy function to ensure that the swipe teardown leaves it attached - body.add( qunitFixture ) - .on( "touchstart touchmove touchend", dummyFunction ); + // Make sure swipe handlers are removed in case swipe never fired + qunitFixture.off( "swipe" ); + $( "body" ).off( "swipe" ); - // Count handlers - this will include the function added above - origHandlerCount = { + deepEqual( { body: getHandlerCount( body[ 0 ] ), qunitFixture: getHandlerCount( qunitFixture[ 0 ] ) - }; - - qunitFixture.one('swipe', function(){ - swipe = true; - }); + }, origHandlerCount, "exactly the swipe-related event handlers are removed." ); - body.one( "swipe", function() { - bubble = true; - }); + // Remove dummy event handler + body.add( qunitFixture ) + .off( "touchstart touchmove touchend", dummyFunction ); + start(); + }, opts.timeout + 200 ); - // Instrument method handleSwipe - $.event.special.swipe.handleSwipe = - function( start, stop, thisObject, origTarget ) { - if ( thisObject !== qunitFixture[ 0 ] ) { - handleSwipeAlwaysOnInner = false; - } - return origHandleSwipe.apply( this, arguments ); - }; - - //NOTE bypass the trigger source check - $.Event.prototype.originalEvent = { - touches: [{ - clientX: 0, - clientY: 0 - }] - }; + stop(); +}; - qunitFixture.trigger("touchstart"); +// This test is commented out until we can fix the rest of the file to not destroy prototypes +// The test no longer works because of false assumpitions and cant be fixed with current abuse +// of prototype changes +/* +test( "swipe fired when coordinate change in less than a second", function(){ + swipeTimedTest({ timeout: 10, coordChange: 35, expected: true }); +}); +*/ - //NOTE make sure the coordinates are calculated within range - // to be registered as a swipe - mockAbs(opts.coordChange); +test( "swipe not fired when coordinate change takes more than a second", function() { + swipeTimedTest( { timeout: 1000, coordChange: 35, expected: false } ); +} ); - setTimeout(function(){ - qunitFixture.trigger("touchmove"); - qunitFixture.trigger("touchend"); - }, opts.timeout + 100); +test( "swipe not fired when coordinate change <= 30", function() { + swipeTimedTest( { timeout: 1000, coordChange: 30, expected: false } ); +} ); - setTimeout(function(){ - deepEqual(swipe, opts.expected, "swipe expected"); - deepEqual( bubble, opts.expected, "swipe bubbles when present" ); - deepEqual( handleSwipeAlwaysOnInner, true, "handleSwipe is always called on the inner element" ); +test( "swipe not fired when coordinate change >= 75", function() { + swipeTimedTest( { timeout: 1000, coordChange: 75, expected: false } ); +} ); - // Make sure swipe handlers are removed in case swipe never fired - qunitFixture.off( "swipe" ); - $( "body" ).off( "swipe" ); +asyncTest( "scrolling prevented when coordinate change > 10", function() { + expect( 1 ); - deepEqual({ - body: getHandlerCount( body[ 0 ] ), - qunitFixture: getHandlerCount( qunitFixture[ 0 ] ) - }, origHandlerCount, "exactly the swipe-related event handlers are removed." ); + forceTouchSupport(); - // Remove dummy event handler - body.add( qunitFixture ) - .off( "touchstart touchmove touchend", dummyFunction ); - start(); - }, opts.timeout + 200); + // ensure the swipe custome event is setup + $( "#qunit-fixture" ).bind( 'swipe', function() {} ); - stop(); + $.Event.prototype.preventDefault = function() { + ok( true, "prevent default called" ); + start(); }; - // This test is commented out until we can fix the rest of the file to not destroy prototypes - // The test no longer works because of false assumpitions and cant be fixed with current abuse - // of prototype changes - /* - test( "swipe fired when coordinate change in less than a second", function(){ - swipeTimedTest({ timeout: 10, coordChange: 35, expected: true }); - }); - */ - - test( "swipe not fired when coordinate change takes more than a second", function(){ - swipeTimedTest({ timeout: 1000, coordChange: 35, expected: false }); - }); - - test( "swipe not fired when coordinate change <= 30", function(){ - swipeTimedTest({ timeout: 1000, coordChange: 30, expected: false }); - }); - - test( "swipe not fired when coordinate change >= 75", function(){ - swipeTimedTest({ timeout: 1000, coordChange: 75, expected: false }); - }); - - asyncTest( "scrolling prevented when coordinate change > 10", function(){ - expect( 1 ); - - forceTouchSupport(); - - // ensure the swipe custome event is setup - $( "#qunit-fixture" ).bind('swipe', function(){}); - - $.Event.prototype.preventDefault = function(){ - ok(true, "prevent default called"); - start(); - }; - - //NOTE bypass the trigger source check - $.Event.prototype.originalEvent = { - touches: [{ - clientX: 0, - clientY: 0 - }] - }; + //NOTE bypass the trigger source check + $.Event.prototype.originalEvent = { + touches: [ { + clientX: 0, + clientY: 0 + } ] + }; - $( "#qunit-fixture" ).trigger("touchstart"); + $( "#qunit-fixture" ).trigger( "touchstart" ); - //NOTE bypass the trigger source check - $.Event.prototype.originalEvent = { - touches: [{ - clientX: 200, - clientY: 0 - }] - }; + //NOTE bypass the trigger source check + $.Event.prototype.originalEvent = { + touches: [ { + clientX: 200, + clientY: 0 + } ] + }; - $( "#qunit-fixture" ).trigger("touchmove"); - }); + $( "#qunit-fixture" ).trigger( "touchmove" ); +} ); - test( "Swipe get cords returns proper values", function() { - var location, - event = { +test( "Swipe get cords returns proper values", function() { + var location, + event = { pageX: 100, pageY: 100, clientX: 300, clientY: 300 }; - location = $.event.special.swipe.getLocation( event ); - ok( location.x === 300 && location.y === 300, "client values returned under normal conditions" ); - event.pageX = 1000; - event.pageY = 1000; - location = $.event.special.swipe.getLocation( event ); - ok( location.x > 300 && location.y > 300, "Fixes android bogus values" ); - event.pageX = 0; - event.pageY = 0; - location = $.event.special.swipe.getLocation( event ); - ok( location.x <= 300 && location.y <= 300, "Fixes ios client values based on page" ); - - - }); - - var nativeSupportTest = function(opts){ - $.support.orientation = opts.orientationSupport; - deepEqual($.event.special.orientationchange[opts.method](), opts.returnValue); - }; - - test( "orientation change setup should do nothing when natively supported", function(){ - nativeSupportTest({ - method: 'setup', - orientationSupport: true, - returnValue: false - }); - }); - - test( "orientation change setup should bind resize when not supported natively", function(){ - nativeSupportTest({ - method: 'setup', - orientationSupport: false, - returnValue: undefined //NOTE result of bind function call - }); - }); - - test( "orientation change teardown should do nothing when natively supported", function(){ - nativeSupportTest({ - method: 'teardown', - orientationSupport: true, - returnValue: false - }); - }); - - test( "orientation change teardown should unbind resize when not supported natively", function(){ - nativeSupportTest({ - method: 'teardown', - orientationSupport: false, - returnValue: undefined //NOTE result of unbind function call - }); - }); - - /* The following 4 tests are async so that the throttled event triggers don't interfere with subsequent tests */ - - asyncTest( "throttledresize event proxies resize events", function(){ - $( window ).one( "throttledresize", function(){ - ok( true, "throttledresize called"); - start(); - }); + location = $.event.special.swipe.getLocation( event ); + ok( location.x === 300 && location.y === 300, "client values returned under normal conditions" ); + event.pageX = 1000; + event.pageY = 1000; + location = $.event.special.swipe.getLocation( event ); + ok( location.x > 300 && location.y > 300, "Fixes android bogus values" ); + event.pageX = 0; + event.pageY = 0; + location = $.event.special.swipe.getLocation( event ); + ok( location.x <= 300 && location.y <= 300, "Fixes ios client values based on page" ); + + +} ); + +var nativeSupportTest = function( opts ) { + $.support.orientation = opts.orientationSupport; + deepEqual( $.event.special.orientationchange[ opts.method ](), opts.returnValue ); +}; + +test( "orientation change setup should do nothing when natively supported", function() { + nativeSupportTest( { + method: 'setup', + orientationSupport: true, + returnValue: false + } ); +} ); + +test( "orientation change setup should bind resize when not supported natively", function() { + nativeSupportTest( { + method: 'setup', + orientationSupport: false, + returnValue: undefined //NOTE result of bind function call + } ); +} ); + +test( "orientation change teardown should do nothing when natively supported", function() { + nativeSupportTest( { + method: 'teardown', + orientationSupport: true, + returnValue: false + } ); +} ); + +test( "orientation change teardown should unbind resize when not supported natively", function() { + nativeSupportTest( { + method: 'teardown', + orientationSupport: false, + returnValue: undefined //NOTE result of unbind function call + } ); +} ); + +/* The following 4 tests are async so that the throttled event triggers don't interfere with subsequent tests */ + +asyncTest( "throttledresize event proxies resize events", function() { + $( window ).one( "throttledresize", function() { + ok( true, "throttledresize called" ); + start(); + } ); - $( window ).trigger( "resize" ); - }); + $( window ).trigger( "resize" ); +} ); - asyncTest( "throttledresize event prevents resize events from firing more frequently than one per 250ms", function(){ - var called = 0; +asyncTest( "throttledresize event prevents resize events from firing more frequently than one per 250ms", function() { + var called = 0; - $(window).bind( "throttledresize", function(){ - called++; - }); + $( window ).bind( "throttledresize", function() { + called++; + } ); - // NOTE 400 ms between two triggers and the check for one callback - // is enough time for the first to fire but not enough for a second - $.testHelper.sequence([ - function(){ - $(window).trigger( "resize" ).trigger( "resize" ); - }, + // NOTE 400 ms between two triggers and the check for one callback + // is enough time for the first to fire but not enough for a second + $.testHelper.sequence( [ + function() { + $( window ).trigger( "resize" ).trigger( "resize" ); + }, - // verify that only one throttled resize was called after 250ms - function(){ deepEqual( called, 1 ); }, + // verify that only one throttled resize was called after 250ms + function() { + deepEqual( called, 1 ); + }, - function(){ - start(); - } - ], 400); - }); + function() { + start(); + } + ], 400 ); +} ); - asyncTest( "throttledresize event promises that a held call will execute only once after throttled timeout", function(){ - var called = 0; +asyncTest( "throttledresize event promises that a held call will execute only once after throttled timeout", function() { + var called = 0; - expect( 2 ); + expect( 2 ); - $.testHelper.eventSequence( "throttledresize", [ - // ignore the first call - $.noop, + $.testHelper.eventSequence( "throttledresize", [ + // ignore the first call + $.noop, - function(){ - ok( true, "second throttled resize should run" ); - }, + function() { + ok( true, "second throttled resize should run" ); + }, - function(timedOut){ - ok( timedOut, "third throttled resize should not run"); - start(); - } - ]); + function( timedOut ) { + ok( timedOut, "third throttled resize should not run" ); + start(); + } + ] ); - $.mobile.pageContainer - .trigger( "resize" ) - .trigger( "resize" ) - .trigger( "resize" ); - }); + $.mobile.pageContainer + .trigger( "resize" ) + .trigger( "resize" ) + .trigger( "resize" ); +} ); - asyncTest( "mousedown mouseup and click events should add a which when its not defined", function() { - var whichDefined = function( event ){ - deepEqual(event.which, 1); - }; +asyncTest( "mousedown mouseup and click events should add a which when its not defined", function() { + var whichDefined = function( event ) { + deepEqual( event.which, 1 ); + }; - $( document ).bind( "vclick", whichDefined); - $( document ).trigger( "click" ); + $( document ).bind( "vclick", whichDefined ); + $( document ).trigger( "click" ); - $( document ).bind( "vmousedown", whichDefined); - $( document ).trigger( "mousedown" ); + $( document ).bind( "vmousedown", whichDefined ); + $( document ).trigger( "mousedown" ); - $( document ).bind( "vmouseup", function( event ){ - deepEqual(event.which, 1); - start(); - }); + $( document ).bind( "vmouseup", function( event ) { + deepEqual( event.which, 1 ); + start(); + } ); - $( document ).trigger( "mouseup" ); - }); -})(jQuery); + $( document ).trigger( "mouseup" ); +} ); +} )( jQuery ); diff --git a/tests/unit/event/swipe_core.js b/tests/unit/event/swipe_core.js index f17c791d246..20c1396d93d 100644 --- a/tests/unit/event/swipe_core.js +++ b/tests/unit/event/swipe_core.js @@ -1,73 +1,73 @@ asyncTest( "Swipe does not trigger when motion is default-prevented", function() { - var target = $( "#qunit" ), - swipeTriggered = false, - pointer = $.mobile.support.touch ? - { down: "touchstart", move: "touchmove", up: "touchend" } : - { down: "mousedown", move: "mousemove", up: "mouseup" }; - recordSwipe = function() { - swipeTriggered = true; - }; +var target = $( "#qunit" ), + swipeTriggered = false, + pointer = $.mobile.support.touch ? + { down: "touchstart", move: "touchmove", up: "touchend" } : + { down: "mousedown", move: "mousemove", up: "mouseup" }; +recordSwipe = function() { + swipeTriggered = true; +}; - target.one( "swipe", recordSwipe ); +target.one( "swipe", recordSwipe ); - $.testHelper.sequence([ - function() { - target.trigger( $.extend( $.Event( pointer.down ), { - originalEvent: { - touches: false - }, - pageX: 206, - pageY: 190, - clientX: 206, - clientY: 190 - })); - }, - function() { - target.trigger( ( function( event ) { - event.preventDefault(); - return event; - } )( $.extend( $.Event( pointer.move ), { - originalEvent: { - touches: false - }, - pageX: 206, - pageY: 190, - clientX: 206, - clientY: 190 - }))); - }, - function() { - target.trigger( ( function( event ) { - event.preventDefault(); - return event; - } )( $.extend( $.Event( pointer.move ), { - originalEvent: { - touches: false - }, - pageX: 170, - pageY: 190, - clientX: 170, - clientY: 190 - }))); - }, - function() { - target.trigger( ( function( event ) { - event.preventDefault(); - return event; - } )( $.extend( $.Event( pointer.up ), { - originalEvent: { - touches: false - }, - pageX: 170, - pageY: 190, - clientX: 170, - clientY: 190 - }))); - }, - function() { - deepEqual( swipeTriggered, false, "Swipe was not triggered" ); - target.off( "swipe", recordSwipe ); - start(); - } - ], 100 ); -}); +$.testHelper.sequence( [ + function() { + target.trigger( $.extend( $.Event( pointer.down ), { + originalEvent: { + touches: false + }, + pageX: 206, + pageY: 190, + clientX: 206, + clientY: 190 + } ) ); + }, + function() { + target.trigger( ( function( event ) { + event.preventDefault(); + return event; + } )( $.extend( $.Event( pointer.move ), { + originalEvent: { + touches: false + }, + pageX: 206, + pageY: 190, + clientX: 206, + clientY: 190 + } ) ) ); + }, + function() { + target.trigger( ( function( event ) { + event.preventDefault(); + return event; + } )( $.extend( $.Event( pointer.move ), { + originalEvent: { + touches: false + }, + pageX: 170, + pageY: 190, + clientX: 170, + clientY: 190 + } ) ) ); + }, + function() { + target.trigger( ( function( event ) { + event.preventDefault(); + return event; + } )( $.extend( $.Event( pointer.up ), { + originalEvent: { + touches: false + }, + pageX: 170, + pageY: 190, + clientX: 170, + clientY: 190 + } ) ) ); + }, + function() { + deepEqual( swipeTriggered, false, "Swipe was not triggered" ); + target.off( "swipe", recordSwipe ); + start(); + } +], 100 ); +} ); diff --git a/tests/unit/individual-modules/collapsible_core.js b/tests/unit/individual-modules/collapsible_core.js index 1cc1ab86d17..e858a6c3734 100644 --- a/tests/unit/individual-modules/collapsible_core.js +++ b/tests/unit/individual-modules/collapsible_core.js @@ -1,8 +1,8 @@ test( "Collapsible widget works correctly", function() { - var collapsible = $( "#collapsible" ).collapsible(); +var collapsible = $( "#collapsible" ).collapsible(); - deepEqual( collapsible.hasClass( "ui-collapsible" ), true, "Collapsible has class ui-collapsible" ); - deepEqual( collapsible.children( "h1" ).hasClass( "ui-collapsible-heading" ), true, "Collapsible heading has class ui-collapsible-heading" ); - deepEqual( collapsible.children( "h1" ).next().hasClass( "ui-collapsible-content" ), true, "Collapsible content has class ui-collapsible-content" ); - deepEqual( collapsible.children().length, 2, "Collapsible contains exactly two children" ); -}); +deepEqual( collapsible.hasClass( "ui-collapsible" ), true, "Collapsible has class ui-collapsible" ); +deepEqual( collapsible.children( "h1" ).hasClass( "ui-collapsible-heading" ), true, "Collapsible heading has class ui-collapsible-heading" ); +deepEqual( collapsible.children( "h1" ).next().hasClass( "ui-collapsible-content" ), true, "Collapsible content has class ui-collapsible-content" ); +deepEqual( collapsible.children().length, 2, "Collapsible contains exactly two children" ); +} ); diff --git a/tests/unit/individual-modules/collapsibleset_core.js b/tests/unit/individual-modules/collapsibleset_core.js index 39421d51501..8d55906778d 100644 --- a/tests/unit/individual-modules/collapsibleset_core.js +++ b/tests/unit/individual-modules/collapsibleset_core.js @@ -1,6 +1,6 @@ test( "Collapsible set widget works correctly", function() { - var collapsibleset = $( "#collapsibleset" ).collapsibleset(); +var collapsibleset = $( "#collapsibleset" ).collapsibleset(); - deepEqual( collapsibleset.hasClass( "ui-collapsible-set" ), true, "Collapsible set has class ui-collapsible-set" ); - deepEqual( collapsibleset.children( ".ui-collapsible" ).length, 2, "Collapsible set correctly enhances its children" ); -}); +deepEqual( collapsibleset.hasClass( "ui-collapsible-set" ), true, "Collapsible set has class ui-collapsible-set" ); +deepEqual( collapsibleset.children( ".ui-collapsible" ).length, 2, "Collapsible set correctly enhances its children" ); +} ); diff --git a/tests/unit/kitchensink/kitchensink_core.js b/tests/unit/kitchensink/kitchensink_core.js index 9e87f9b725f..d1f4f4352ea 100644 --- a/tests/unit/kitchensink/kitchensink_core.js +++ b/tests/unit/kitchensink/kitchensink_core.js @@ -1,20 +1,20 @@ /* * Kitchen Sink Tests */ -(function($){ - module("Kitchen Sink"); +( function( $ ) { +module( "Kitchen Sink" ); - test( "Nothing on the page has a class that contains `undefined`.", function(){ - var undefClass = $(".ui-page").find("[class*='undefined']"); +test( "Nothing on the page has a class that contains `undefined`.", function() { + var undefClass = $( ".ui-page" ).find( "[class*='undefined']" ); - ok( undefClass.length == 0 ); - }); + ok( undefClass.length == 0 ); +} ); - module("Widget Create"); +module( "Widget Create" ); - // required as part of the deprecation of init for #3602 - test( "all widget create events fire before page create", function() { - // see preinit.js - ok( window.createTests.pageCreateTimed ); - }); -})(jQuery); +// required as part of the deprecation of init for #3602 +test( "all widget create events fire before page create", function() { + // see preinit.js + ok( window.createTests.pageCreateTimed ); +} ); +} )( jQuery ); diff --git a/tests/unit/media/media_core.js b/tests/unit/media/media_core.js index 563851c9415..630d28bba95 100644 --- a/tests/unit/media/media_core.js +++ b/tests/unit/media/media_core.js @@ -2,21 +2,21 @@ * mobile media unit tests */ -(function($){ +( function( $ ) { - test( "$.mobile.media function returns same boolean result as window.matchMedia", function(){ - deepEqual($.mobile.media("screen"), window.matchMedia("screen").matches); - }); +test( "$.mobile.media function returns same boolean result as window.matchMedia", function() { + deepEqual( $.mobile.media( "screen" ), window.matchMedia( "screen" ).matches ); +} ); - test( "$.mobile.media function returns boolean result", function(){ - deepEqual( typeof $.mobile.media("screen"), "boolean" ); - }); +test( "$.mobile.media function returns boolean result", function() { + deepEqual( typeof $.mobile.media( "screen" ), "boolean" ); +} ); - test( "$.mobile.media function returns false result for inapplicable media", function(){ - deepEqual( $.mobile.media("foo"), false ); - }); +test( "$.mobile.media function returns false result for inapplicable media", function() { + deepEqual( $.mobile.media( "foo" ), false ); +} ); -})(jQuery); \ No newline at end of file +} )( jQuery ); \ No newline at end of file diff --git a/tests/unit/widget/backcompat_core.js b/tests/unit/widget/backcompat_core.js index 96591a0799a..9f6b9da9427 100644 --- a/tests/unit/widget/backcompat_core.js +++ b/tests/unit/widget/backcompat_core.js @@ -59,16 +59,16 @@ test( "Style options are updated when the classes option changes", function( ass } ); assert.deepEqual( testWidget.option(), { - create: null, - disabled: false, - classes: { - "test-testwidget": "ui-corner-all" - }, - inline: false, - mini: false, - shadow: false, - corners: true + create: null, + disabled: false, + classes: { + "test-testwidget": "ui-corner-all" }, + inline: false, + mini: false, + shadow: false, + corners: true + }, "Widget options reflect classes option values" ); assert.hasClasses( testWidget.element[ 0 ], "ui-corner-all", "Element has corner class" ); assert.lacksClasses( testWidget.element[ 0 ], "ui-button-inline ui-mini ui-shadow", @@ -76,19 +76,19 @@ test( "Style options are updated when the classes option changes", function( ass testWidget.option( "classes.test-testwidget", "ui-button-inline ui-mini" ); assert.deepEqual( convertClassValuesToHashes( testWidget.option() ), { - create: null, - disabled: false, - classes: { - "test-testwidget": { - "ui-button-inline": true, - "ui-mini": true - } - }, - inline: true, - mini: true, - shadow: false, - corners: false + create: null, + disabled: false, + classes: { + "test-testwidget": { + "ui-button-inline": true, + "ui-mini": true + } }, + inline: true, + mini: true, + shadow: false, + corners: false + }, "Widget options reflect classes option values" ); assert.hasClasses( testWidget.element[ 0 ], "ui-button-inline ui-mini" ); assert.lacksClasses( testWidget.element[ 0 ], "ui-shadow ui-corner-all" ); @@ -177,7 +177,7 @@ test( "The classes option is updated when style options change", function( asser corners: false }, "After turning off mini and turning on inline classes option value contains 'ui-shadow' " + - "and 'ui-button-inline'" ); + "and 'ui-button-inline'" ); assert.hasClasses( testWidget.element[ 0 ], "ui-shadow ui-button-inline", "Element has shadow and mini classes" ); assert.lacksClasses( testWidget.element[ 0 ], "ui-mini ui-corner-all", @@ -226,7 +226,7 @@ module( "wrapperClass", { return this._superApply( arguments ); }, _enhance: $.noop - }); + } ); $.widget( "mobile.testwidget", $.mobile.testwidget, $.mobile.widget.backcompat ); }, teardown: function() { @@ -252,4 +252,4 @@ test( "wrapperClass is correctly applied, modified, and removed", function( asse "Class attribute cleared upon destroy()" ); } ); -})( jQuery ); +} )( jQuery ); diff --git a/tests/unit/widget/widget_core.js b/tests/unit/widget/widget_core.js index 76643bc946d..c8231eae006 100644 --- a/tests/unit/widget/widget_core.js +++ b/tests/unit/widget/widget_core.js @@ -1,58 +1,58 @@ /* * mobile widget unit tests */ -(function($){ - var options = $.Widget.prototype.options, - element = $.Widget.prototype.element; - - module('jquery.mobile.widget.js', { - teardown: function(){ - $.Widget.prototype.options = options; - $.Widget.prototype.element = element; - } - }); - - - test( "getting data from creation options", function(){ - var expected = "bizzle"; - - $.Widget.prototype.options = { "fooBar" : true }; - $.Widget.prototype.element = $("

"); - deepEqual($.Widget.prototype._getCreateOptions()["fooBar"], expected); - }); - - test( "getting no data when the options are empty", function(){ - var expected = {}; - - $.Widget.prototype.options = {}; - $.Widget.prototype.element = $("

"); - deepEqual($.Widget.prototype._getCreateOptions(), expected); - }); - - test( "getting no data when the element has none", function(){ - var expected = {}; - - $.Widget.prototype.options = { "fooBar" : true }; - $.Widget.prototype.element = $("

"); - deepEqual($.Widget.prototype._getCreateOptions(), expected); - }); - - test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() { - // uses default keep native of data-role=none - $("#enhance-prevented") - .append('Text Input:') - .trigger("create"); - - ok( !$("#unenhanced").parent().hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)"); - }); - - test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() { - - // uses default keep native of data-role=none - $("#enhance-allowed") - .append('Text Input:') - .trigger("create"); - - ok( $("#enhanced").parent().hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)"); - }); -})(jQuery); \ No newline at end of file +( function( $ ) { +var options = $.Widget.prototype.options, + element = $.Widget.prototype.element; + +module( 'jquery.mobile.widget.js', { + teardown: function() { + $.Widget.prototype.options = options; + $.Widget.prototype.element = element; + } +} ); + + +test( "getting data from creation options", function() { + var expected = "bizzle"; + + $.Widget.prototype.options = { "fooBar": true }; + $.Widget.prototype.element = $( "

" ); + deepEqual( $.Widget.prototype._getCreateOptions()[ "fooBar" ], expected ); +} ); + +test( "getting no data when the options are empty", function() { + var expected = {}; + + $.Widget.prototype.options = {}; + $.Widget.prototype.element = $( "

" ); + deepEqual( $.Widget.prototype._getCreateOptions(), expected ); +} ); + +test( "getting no data when the element has none", function() { + var expected = {}; + + $.Widget.prototype.options = { "fooBar": true }; + $.Widget.prototype.element = $( "

" ); + deepEqual( $.Widget.prototype._getCreateOptions(), expected ); +} ); + +test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() { + // uses default keep native of data-role=none + $( "#enhance-prevented" ) + .append( 'Text Input:' ) + .trigger( "create" ); + + ok( !$( "#unenhanced" ).parent().hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)" ); +} ); + +test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() { + + // uses default keep native of data-role=none + $( "#enhance-allowed" ) + .append( 'Text Input:' ) + .trigger( "create" ); + + ok( $( "#enhanced" ).parent().hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)" ); +} ); +} )( jQuery ); \ No newline at end of file

Collapsible Item ' + i + '

Collapsible Item ' + i + '

Collapsible Item ' + i + '

Collapsible Item ' + i + '