event-contextmenu.html revision 259d076b01f41c9f1846783430d4db658226dab1
0N/A<!doctype html>
0N/A<html>
0N/A<head>
0N/A <meta charset="utf-8">
0N/A <title>YUI Context Menu Synth Event Tests</title>
0N/A</head>
0N/A<body lang="en" class="yui3-skin-sam">
0N/A <div id="doc">
0N/A <button id="btn-1">Button 1</button>
0N/A </div>
0N/A
0N/A <script src="/build/yui/yui.js"></script>
0N/A <script src="window-focus.js"></script>
0N/A <script type="text/javascript">
0N/A YUI({
0N/A filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
0N/A allowRollup: false,
0N/A lazyEventFacade: true,
0N/A logExclude: { Dom: true, Selector: true, Node: true, attribute: true, base: true, event: true, widget: true }
0N/A }).use('console', 'test', 'event-contextmenu', 'node-event-simulate', 'window-focus', function (Y) {
0N/A
0N/A var called = 0;
0N/A
0N/A var onContextMenu = function () {
0N/A called = called + 1;
0N/A };
0N/A
0N/A var isWinWebkit = (Y.UA.webkit && Y.UA.os === "windows");
0N/A
0N/A var keyDownConfig = Y.UA.os == "macintosh" ? { shiftKey: true, ctrlKey: true, altKey: true, keyCode: 77 } : { shiftKey: true, keyCode: 121 };
0N/A
0N/A var doc = Y.one("doc");
0N/A var btn = Y.one("#btn-1");
0N/A
0N/A var simulateKeyDown = function () {
0N/A
0N/A // For Chrome on Windows a real Shift + F10 keydown
0N/A // event generated from the user WILL trigger the
0N/A // contextmenu event. A simulated Shift + F10 does
0N/A // not, so need to simulate what the browser does for
0N/A // the test.
0N/A if (isWinWebkit) {
0N/A btn.once("keydown", function (e) {
0N/A if (e.shiftKey && e.keyCode === 121) {
0N/A btn.simulate("contextmenu");
0N/A }
0N/A });
0N/A }
0N/A
0N/A btn.simulate("keydown", keyDownConfig);
};
(new Y.Console()).render();
var suite = new Y.Test.Suite("ContextMenu");
suite.add(new Y.Test.Case({
name: "ContextMenu Syth Tests",
test_contextmenu_event: function () {
called = 0;
btn.on("contextmenu", onContextMenu);
btn.simulate("contextmenu");
Y.Assert.isTrue((called === 1), "contextmenu event listener not called");
btn.detach("contextmenu");
},
test_mac_kb_shortct: function(){
called = 0;
btn.on("contextmenu", onContextMenu);
btn.simulate("keydown", { keyCode: 77, shiftKey: true, ctrlKey: true, altKey: true });
if (Y.UA.os == "macintosh") {
Y.Assert.isTrue((called === 1), "contextmenu event listener not called");
}
else {
Y.Assert.isTrue((called === 0), "ctrl + shift + alt + M should only fire the contextmenu event for mac");
}
btn.detach("contextmenu");
},
test_shiftF10_key: function(){
called = 0;
btn.on("contextmenu", onContextMenu);
if (isWinWebkit) {
btn.once("keydown", function (e) {
if (e.shiftKey && e.keyCode === 121) {
btn.simulate("contextmenu");
}
});
}
btn.simulate("keydown", { shiftKey: true, keyCode: 121 });
if (Y.UA.os == "windows") {
Y.Assert.isTrue((called === 1), "contextmenu event listener not called");
}
else {
Y.Assert.isTrue((called === 0), "the shift + f10 key should only fire the contextmenu event on windows");
}
btn.detach("contextmenu");
},
test_menu_key: function(){
called = 0;
btn.on("contextmenu", onContextMenu);
if (Y.UA.os == "windows") {
btn.once("keydown", function (e) {
if (e.keyCode === 93) {
btn.simulate("contextmenu");
}
});
}
btn.simulate("keydown", { keyCode: 93 });
if (Y.UA.os == "windows") {
Y.Assert.isTrue((called === 1), "contextmenu event listener not called");
}
else {
Y.Assert.isTrue((called === 0), "the Menu key should only fire the contextmenu event on windows");
}
btn.detach("contextmenu");
},
test_multiple_on_listeners: function(){
called = 0;
btn.on("contextmenu", onContextMenu);
btn.on("contextmenu", onContextMenu);
simulateKeyDown();
Y.Assert.isTrue((called === 2), "contextmenu event listener not called correct number of times");
btn.detach("contextmenu");
},
test_multiple_delegate_listeners: function(){
called = 0;
doc.delegate("contextmenu", onContextMenu, "button");
doc.delegate("contextmenu", onContextMenu, "button");
simulateKeyDown();
Y.Assert.isTrue((called === 2), "contextmenu event listener not called correct number of times");
doc.detach("contextmenu");
},
test_multiple_on_and_delegate_listeners: function(){
called = 0;
btn.on("contextmenu", onContextMenu);
btn.on("contextmenu", onContextMenu);
doc.delegate("contextmenu", onContextMenu, "button");
doc.delegate("contextmenu", onContextMenu, "button");
simulateKeyDown();
Y.Assert.isTrue((called === 4), "contextmenu event listener not called correct number of times");
btn.detach("contextmenu");
doc.detach("contextmenu");
}
}));
Y.Test.Runner.add(suite);
Y.Test.Runner.run();
});
</script>
</body>
</html>