Merge pull request #234 from jzelenkov/master

Adding integration tests
swisnl · Nov 9, 2014 · 905af10 · 905af10
2 parents 083481d + 2296e94
commit 905af10
Show file tree

Hide file tree

Showing 32 changed files with 1,820 additions and 46 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 .DS_Store
+node_modules/
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+  - "0.10"
+before_script:
+  - "npm install dalek-cli -g"
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # jQuery contextMenu plugin & polyfill #
 
+[![Travis Build Status](https://travis-ci.org/jzelenkov/jQuery-contextMenu.svg?branch=master)](https://travis-ci.org/jzelenkov/jQuery-contextMenu)
+
 $.contextMenu is a management facility for - you guessed it - context menus. It was designed for an application where there are hundreds of elements that may show a context menu - so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.
 
 [features](http://medialize.github.com/jQuery-contextMenu/index.html) - 

diff --git a/demo/accesskeys_test.html b/demo/accesskeys_test.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <title>Accesskeys Demo - jQuery contextMenu Plugin</title>
+    <meta name="description" content="simple contextMenu generator for interactive web applications based on jQuery" />
+
+    <script src="../jquery-1.8.2.min.js" type="text/javascript"></script>
+    <script src="../src/jquery.ui.position.js" type="text/javascript"></script>
+    <script src="../src/jquery.contextMenu.js" type="text/javascript"></script>
+    <script src="../prettify/prettify.js" type="text/javascript"></script>
+    <script src="../screen.js" type="text/javascript"></script>
+
+    <link href="../src/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
+    <link href="../screen.css" rel="stylesheet" type="text/css" />
+    <link href="../prettify/prettify.sunburst.css" rel="stylesheet" type="text/css" />
+
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-8922143-3']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</head>
+<body>
+    <a id="github-forkme" href="https://github.com/medialize/jQuery-contextMenu"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
+    <div id="container">
+    <h1><a href="https://github.com/medialize/jQuery-contextMenu">jQuery contextMenu</a></h1>
+
+    <ul class="menu">
+        <li><a href="../index.html">About</a></li>
+        <li class="active"><a href="../demo.html">Demo</a></li>
+        <li><a href="../docs.html">Documentation</a></li>
+        <li><a href="http://rodneyrehm.de/en/">Author</a></li>
+    </ul>
+
+    <h2 id="demo">Demo: Accesskeys</h2>
+    <div class="inline-spaces">
+<div class="context-menu-one box menu-1">
+    <strong>right click me</strong>
+</div>
+    </div>
+
+    <h3 id="code">Example code: Accesskeys</h3>
+    <script type="text/javascript" class="showcase">
+$(function(){
+    $.contextMenu({
+        selector: '.context-menu-one', 
+        callback: function(key, options) {
+            var message = "clicked: " + key;
+            $('#msg').text(message);
+        },
+        items: {
+            "edit": {name: "Edit", icon: "edit", accesskey: "e"},
+            "cut": {name: "Cut", icon: "cut", accesskey: "c"},
+            // first unused character is taken (here: o)
+            "copy": {name: "Copy", icon: "copy", accesskey: "c o p y"},
+            // words are truncated to their first letter (here: p)
+            "paste": {name: "Paste", icon: "paste", accesskey: "cool paste"},
+            "delete": {name: "Delete", icon: "delete"},
+            "sep1": "---------",
+            "quit": {name: "Quit", icon: "quit"}
+        }
+    });
+});
+    </script>
+
+    <h3 id="html">Example HTML: Accesskeys</h3>
+    <div style="display:none" class="showcase" data-showcase-import=".menu-1"></div>
+
+    <h2>jQuery Context Menu Demo Gallery</h2>
+    <ul id="demo-list">
+        <li><a href="../demo.html">Simple Context Menu</a></li>
+        <li><a href="on-dom-element.html">Context Menu on DOM Element</a></li>
+        <li><a href="dynamic.html">Adding new Context Menu Triggers</a></li>
+        <li><a href="dynamic-create.html">Create Context Menu on demand</a></li>
+        <li><a href="async-create.html">Create Context Menu (asynchronous)</a></li>
+
+        <li><a href="keeping-contextmenu-open.html">Keeping the context menu open</a></li>
+        <li><a href="callback.html">Command's action (callbacks)</a></li>
+
+        <li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
+        <li><a href="trigger-swipe.html">Swipe Trigger</a></li>
+        <li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
+        <li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
+        <li><a href="trigger-custom.html">Custom Activated Context Menu</a></li>
+
+        <li><a href="disabled-menu.html">Disabled Menu</a></li>
+        <li><a href="disabled.html">Disabled Command</a></li>
+        <li><a href="disabled-callback.html">Disabled Callback Command</a></li>
+        <li><a href="disabled-changing.html">Changing Command's disabled status</a></li>
+
+        <li class="current"><a href="accesskeys.html">Accesskeys</a></li>
+        <li><a href="sub-menus.html">Submenus</a></li>
+
+        <li><a href="input.html">Input Commands</a></li>
+        <li><a href="custom-command.html">Custom Command Types</a></li>
+
+        <li><a href="menu-title.html">Menus with titles</a></li>
+
+        <li><a href="html5-import.html">Importing HTML5 &lt;menu type=&quot;context&quot;&gt;</a></li>
+        <li><a href="html5-polyfill.html">HTML5 Polyfill</a></li>
+        <li><a href="html5-polyfill-firefox8.html">HTML5 Polyfill (Firefox 8)</a></li>
+    </ul>
+    </div>
+    <div id="msg"></div>
+</body>
+</html>
diff --git a/demo/callback_test.html b/demo/callback_test.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <title>Command's action (callbacks) Demo - jQuery contextMenu Plugin</title>
+    <meta name="description" content="simple contextMenu generator for interactive web applications based on jQuery" />
+
+    <script src="../jquery-1.8.2.min.js" type="text/javascript"></script>
+    <script src="../src/jquery.ui.position.js" type="text/javascript"></script>
+    <script src="../src/jquery.contextMenu.js" type="text/javascript"></script>
+    <script src="../prettify/prettify.js" type="text/javascript"></script>
+    <script src="../screen.js" type="text/javascript"></script>
+
+    <link href="../src/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
+    <link href="../screen.css" rel="stylesheet" type="text/css" />
+    <link href="../prettify/prettify.sunburst.css" rel="stylesheet" type="text/css" />
+
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-8922143-3']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</head>
+<body>
+    <a id="github-forkme" href="https://github.com/medialize/jQuery-contextMenu"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
+    <div id="container">
+    <h1><a href="https://github.com/medialize/jQuery-contextMenu">jQuery contextMenu</a></h1>
+
+    <ul class="menu">
+        <li><a href="../index.html">About</a></li>
+        <li class="active"><a href="../demo.html">Demo</a></li>
+        <li><a href="../docs.html">Documentation</a></li>
+        <li><a href="http://rodneyrehm.de/en/">Author</a></li>
+    </ul>
+
+    <h2 id="demo">Demo: Command's action (callbacks)</h2>
+    <div class="inline-spaces">
+<div class="context-menu-one box menu-1">
+    <strong>right click me</strong>
+</div>
+    </div>
+
+    <h3 id="code">Example code: Command's action (callbacks)</h3>
+    <script type="text/javascript" class="showcase">
+$(function(){
+    $.contextMenu({
+        selector: '.context-menu-one', 
+        callback: function(key, options) {
+            var message = "global: " + key;
+            $('#msg').text(message);
+        },
+        items: {
+            "edit": {
+                name: "Edit", 
+                icon: "edit", 
+                // superseeds "global" callback
+                callback: function(key, options) {
+                    $('#msg').text("edit was clicked");
+                }
+            },
+            "cut": {name: "Cut", icon: "cut"},
+            "copy": {name: "Copy", icon: "copy"},
+            "paste": {name: "Paste", icon: "paste"},
+            "delete": {name: "Delete", icon: "delete"},
+            "sep1": "---------",
+            "quit": {name: "Quit", icon: "quit"}
+        }
+    });
+});
+    </script>
+
+    <h3 id="html">Example HTML: Command's action (callbacks)</h3>
+    <div style="display:none" class="showcase" data-showcase-import=".menu-1"></div>
+
+
+    <h2>jQuery Context Menu Demo Gallery</h2>
+    <ul id="demo-list">
+        <li><a href="../demo.html">Simple Context Menu</a></li>
+        <li><a href="on-dom-element.html">Context Menu on DOM Element</a></li>
+        <li><a href="dynamic.html">Adding new Context Menu Triggers</a></li>
+        <li><a href="dynamic-create.html">Create Context Menu on demand</a></li>
+        <li><a href="async-create.html">Create Context Menu (asynchronous)</a></li>
+
+        <li><a href="keeping-contextmenu-open.html">Keeping the context menu open</a></li>
+        <li class="current"><a href="callback.html">Command's action (callbacks)</a></li>
+
+        <li><a href="trigger-left-click.html">Left-Click Trigger</a></li>
+        <li><a href="trigger-swipe.html">Swipe Trigger</a></li>
+        <li><a href="trigger-hover.html">Hover Activated Context Menu</a></li>
+        <li><a href="trigger-hover-autohide.html">Hover Activated Context Menu With Autohide</a></li>
+        <li><a href="trigger-custom.html">Custom Activated Context Menu</a></li>
+
+        <li><a href="disabled-menu.html">Disabled Menu</a></li>
+        <li><a href="disabled.html">Disabled Command</a></li>
+        <li><a href="disabled-callback.html">Disabled Callback Command</a></li>
+        <li><a href="disabled-changing.html">Changing Command's disabled status</a></li>
+
+        <li><a href="accesskeys.html">Accesskeys</a></li>
+        <li><a href="sub-menus.html">Submenus</a></li>
+
+        <li><a href="input.html">Input Commands</a></li>
+        <li><a href="custom-command.html">Custom Command Types</a></li>
+
+        <li><a href="menu-title.html">Menus with titles</a></li>
+
+        <li><a href="html5-import.html">Importing HTML5 &lt;menu type=&quot;context&quot;&gt;</a></li>
+        <li><a href="html5-polyfill.html">HTML5 Polyfill</a></li>
+        <li><a href="html5-polyfill-firefox8.html">HTML5 Polyfill (Firefox 8)</a></li>
+    </ul>
+    </div>
+    <div id="msg"></div>
+</body>
+</html>