github/meteor
1
1
Fork 0
mirror of https://github.com/meteor/meteor.git synced 2026-05-02 03:01:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Don't run event capturing test on IE8

Browse Source
This commit is contained in:
Avital Oliver
2014-02-24 15:04:34 -08:00
parent 793dca0c52
commit 0bf8e3d9a5
1 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
packages/templating/templating_tests.js
View File

@@ -121,53 +121,59 @@ Tinytest.add("templating - event handler this", function(test) {
});
// This is related to issue at https://gist.github.com/mquandalle/8157017
// Tests two situations related to events that can only be captured, not bubbled:
// 1. Event should only fire the handler that matches the selector given
// 2. Event should work on every element in the selector and not just the first element
// This test isn't written against mouseenter because it is synthesized by jQuery,
// the bug also happened with the play event
Tinytest.add("templating - capturing events", function (test) {
var video1Played = 0,
video2Played = 0;
if (document.addEventListener) {
// Only run this test on browsers with support for event
// capturing. A more detailed analysis can be found at
// https://www.meteor.com/blog/2013/09/06/browser-events-bubbling-capturing-and-delegation
Template.test_capture_events.events({
'play .video1': function () {
video1Played++;
},
'play .video2': function () {
video2Played++;
}
// This is related to issue at https://gist.github.com/mquandalle/8157017
// Tests two situations related to events that can only be captured, not bubbled:
// 1. Event should only fire the handler that matches the selector given
// 2. Event should work on every element in the selector and not just the first element
// This test isn't written against mouseenter because it is synthesized by jQuery,
// the bug also happened with the play event
Tinytest.add("templating - capturing events", function (test) {
var video1Played = 0,
video2Played = 0;
Template.test_capture_events.events({
'play .video1': function () {
video1Played++;
},
'play .video2': function () {
video2Played++;
}
});
// add to body or else events don't actually fire
var containerDiv = renderToDiv(Template.test_capture_events);
var cleanupDiv = addToBody(containerDiv);
var checkAndResetEvents = function(video1, video2) {
test.equal(video1Played, video1);
test.equal(video2Played, video2);
video1Played = 0;
video2Played = 0;
};
simulateEvent($(containerDiv).find(".video1").get(0),
"play", {}, {bubbles: false});
checkAndResetEvents(1, 0);
simulateEvent($(containerDiv).find(".video2").get(0),
"play", {}, {bubbles: false});
checkAndResetEvents(0, 1);
simulateEvent($(containerDiv).find(".video2").get(1),
"play", {}, {bubbles: false});
checkAndResetEvents(0, 1);
// clean up DOM
cleanupDiv();
Deps.flush();
});
// add to body or else events don't actually fire
var containerDiv = renderToDiv(Template.test_capture_events);
var cleanupDiv = addToBody(containerDiv);
var checkAndResetEvents = function(video1, video2) {
test.equal(video1Played, video1);
test.equal(video2Played, video2);
video1Played = 0;
video2Played = 0;
};
simulateEvent($(containerDiv).find(".video1").get(0),
"play", {}, {bubbles: false});
checkAndResetEvents(1, 0);
simulateEvent($(containerDiv).find(".video2").get(0),
"play", {}, {bubbles: false});
checkAndResetEvents(0, 1);
simulateEvent($(containerDiv).find(".video2").get(1),
"play", {}, {bubbles: false});
checkAndResetEvents(0, 1);
// clean up DOM
cleanupDiv();
Deps.flush();
});
}
Tinytest.add("templating - safestring", function(test) {