| <html> |
| <head> |
| <script> |
| |
| if (!window.sessionStorage) { |
| alert("This test needs sessionstorage to run properly"); |
| location.href = "http://webkit.org/"; |
| } |
| |
| var targetNumberOfEventsForFirstTest = 8; |
| var targetNumberOfEventsForSecondTest = 10; |
| |
| var testNumber = 1; |
| if (sessionStorage.totalEventsFired == targetNumberOfEventsForFirstTest) |
| testNumber = 2; |
| |
| sessionStorage.clear(); |
| sessionStorage.totalEventsFired = 0; |
| |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| function startTest() |
| { |
| if (testNumber == 1) { |
| location.hash='#'; |
| location.hash='#'; |
| location.hash='#someHash'; |
| location.hash='#'; |
| location.hash='#'; |
| location.hash='#someHash'; |
| location.hash='#someHash'; |
| location.hash='#'; |
| } else if (testNumber == 2) { |
| location.hash='#someHash'; |
| location.hash='#someHash'; |
| location.hash='#'; |
| location.hash='#someHash'; |
| location.hash='#someHash'; |
| location.hash='#'; |
| location.hash='#'; |
| location.hash='#someHash'; |
| } else |
| alert("This shouldn't happen."); |
| } |
| |
| var totalEventsFired = 0; |
| function hashChanged(eventHandlerName) |
| { |
| alert("Test number " + testNumber + ".\nhashchange event received by " + eventHandlerName + ".\nA total of " + ++sessionStorage.totalEventsFired + " events have been received."); |
| if (testNumber == 1 && sessionStorage.totalEventsFired == targetNumberOfEventsForFirstTest) { |
| location.hash=""; |
| location.href=location.href.substr(0, location.href.length - 1); |
| } |
| if (testNumber == 2 && sessionStorage.totalEventsFired == targetNumberOfEventsForSecondTest && window.testRunner) { |
| testRunner.notifyDone(); |
| sessionStorage.clear(); |
| } |
| } |
| |
| window.addEventListener("hashchange", function() { hashChanged('window-event-listener'); }, false); |
| |
| </script> |
| </head> |
| <body onload="setTimeout('startTest();', 0);" onhashchange="hashChanged('body-onhashchange-attribute');"> |
| This test checks to make sure the hashchange event is fired when the value of location.hash changes.<br> |
| This includes testing the transition from no fragment identifier to an empty fragment identifier *not* generating an event, as these cases are equivalent as far as location.hash is concerned.<br> |
| Clicking the links below manually should also result in the event being fired when the hash actually changes.<br> |
| <a href="#">Go to empty hash</a><br> |
| <a href="#someHash">Go to non-empty hash</a><br> |
| <a name="#">Empty hash anchor</a><br> |
| <a name="#someHash">Non-empty hash anchor</a> |
| </body> |
| </html> |
