Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Commit

Permalink
Demos: Make casper tests check for JS errors and fail if any are found
Browse files Browse the repository at this point in the history
  • Loading branch information
@arschmitz
arschmitz committed Jun 30, 2014
1 parent de70416 commit cb9112a
Show file tree
Hide file tree
Showing 39 changed files with 507 additions and 243 deletions.
336 changes: 208 additions & 128 deletions Gruntfile.js
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions demos/backbone-requirejs/js/main.js
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ require.config( {
// Core Libraries // Core Libraries
"jquery": "../external/jquery/jquery", "jquery": "../external/jquery/jquery",
"jquerymobile": "jquery.mobile", "jquerymobile": "jquery.mobile",
"underscore": "//rawgithub.com/lodash/lodash/2.4.1/dist/lodash", "underscore": "//cdn.jsdelivr.net/lodash/2.4.1/lodash.min",
"backbone": "//rawgithub.com/jashkenas/backbone/0.9.2/backbone", "backbone": "//cdn.jsdelivr.net/backbonejs/1.1.2/backbone-min",


"backbone-requirejs-demos": "../demos/backbone-requirejs/js" "backbone-requirejs-demos": "../demos/backbone-requirejs/js"
}, },
Expand Down
6 changes: 3 additions & 3 deletions demos/datepicker/index.php
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -8,12 +8,12 @@
<link rel="stylesheet" href="../_assets/css/jqm-demos.css"> <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
<link rel="shortcut icon" href="../favicon.ico"> <link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet" href="https://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.css"> <link rel="stylesheet" href="http://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.css">
<script src="../../external/jquery/jquery.js"></script> <script src="../../external/jquery/jquery.js"></script>
<script src="../_assets/js/"></script> <script src="../_assets/js/"></script>
<script src="../../js/"></script> <script src="../../js/"></script>
<script src="https://rawgithub.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script> <script src="http://rawgithub.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script>
<script id="mobile-datepicker" src="https://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script> <script id="mobile-datepicker" src="http://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script>
</head> </head>
<body> <body>
<div data-role="page" class="jqm-demos" data-quicklinks="true"> <div data-role="page" class="jqm-demos" data-quicklinks="true">
Expand Down
22 changes: 11 additions & 11 deletions demos/icons/index.php
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -121,18 +121,18 @@
<p>By default, icons in <code>input</code> buttons are placed to the left of the button text. This default may be overridden using the <code>data-iconpos</code> attribute to set the icon position to "right", "top", or "bottom". In case of link buttons or <code>button</code> elements you have to add an icon position class (<code>ui-btn-icon-[value]</code>).</p> <p>By default, icons in <code>input</code> buttons are placed to the left of the button text. This default may be overridden using the <code>data-iconpos</code> attribute to set the icon position to "right", "top", or "bottom". In case of link buttons or <code>button</code> elements you have to add an icon position class (<code>ui-btn-icon-[value]</code>).</p>


<div data-demo-html="true"> <div data-demo-html="true">
<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-l ui-btn-icon-left">Left</a> <a href="index.php" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-l ui-btn-icon-left">Left</a>
<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-r ui-btn-icon-right">Right</a> <a href="index.php" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-r ui-btn-icon-right">Right</a>
<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-u ui-btn-icon-top">Top</a> <a href="index.php" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-u ui-btn-icon-top">Top</a>
<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-d ui-btn-icon-bottom">Bottom</a> <a href="index.php" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-d ui-btn-icon-bottom">Bottom</a>
</div><!--/demo-html --> </div><!--/demo-html -->


<h2>Icon-only</h2> <h2>Icon-only</h2>


<p>Use "notext" as value for icon position if you want to create an icon-only button.</p> <p>Use "notext" as value for icon position if you want to create an icon-only button.</p>


<div data-demo-html="true"> <div data-demo-html="true">
<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext">Delete</a> <a href="index.php" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext">Delete</a>
</div><!--/demo-html --> </div><!--/demo-html -->


<h2>Icon shadow</h2> <h2>Icon shadow</h2>
Expand All @@ -142,17 +142,17 @@
<p><strong>Note: Icon shadow (option <code>iconShadow</code> in the button widget and class <code>ui-shadow-icon</code>) is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0.</strong></p> <p><strong>Note: Icon shadow (option <code>iconShadow</code> in the button widget and class <code>ui-shadow-icon</code>) is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0.</strong></p>


<div data-demo-html="true"> <div data-demo-html="true">
<a href="index.html" class="ui-shadow-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Icon shadow</a> <a href="index.php" class="ui-shadow-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Icon shadow</a>
<a href="index.html" class="ui-shadow-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Icon shadow</a> <a href="index.php" class="ui-shadow-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Icon shadow</a>
</div><!--/demo-html --> </div><!--/demo-html -->


<h2>Removing the disc</h2> <h2>Removing the disc</h2>


<p>The semi-transparent dark circle behind the icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. If you prefer to not have this disc, it can be removed by adding the class <code>ui-nodisc-icon</code> to the element or its container.</p> <p>The semi-transparent dark circle behind the icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. If you prefer to not have this disc, it can be removed by adding the class <code>ui-nodisc-icon</code> to the element or its container.</p>


<div data-demo-html="true"> <div data-demo-html="true">
<a href="index.html" class="ui-nodisc-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">No disc</a> <a href="index.php" class="ui-nodisc-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">No disc</a>
<a href="index.html" class="ui-nodisc-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">No disc</a> <a href="index.php" class="ui-nodisc-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">No disc</a>
</div><!--/demo-html --> </div><!--/demo-html -->


<p>Example of the class being applied to a wrapper.</p> <p>Example of the class being applied to a wrapper.</p>
Expand All @@ -171,8 +171,8 @@
<p>Icons are white by default but you can switch to black icons by adding the <code>ui-alt-icon</code> class to the element or its container. This also changes the color that is used for the discs.</p> <p>Icons are white by default but you can switch to black icons by adding the <code>ui-alt-icon</code> class to the element or its container. This also changes the color that is used for the discs.</p>


<div data-demo-html="true"> <div data-demo-html="true">
<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Alt icon</a> <a href="index.php" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Alt icon</a>
<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Alt icon</a> <a href="index.php" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Alt icon</a>
</div><!--/demo-html --> </div><!--/demo-html -->


<p>Example of the class being applied to a wrapper.</p> <p>Example of the class being applied to a wrapper.</p>
Expand Down
4 changes: 2 additions & 2 deletions demos/jqm-contents.php
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -134,7 +134,7 @@
<ul> <ul>
<li data-filtertext="ajax navigation navigate widget history event method"><a href="../navigation/" data-ajax="false">Navigation</a></li> <li data-filtertext="ajax navigation navigate widget history event method"><a href="../navigation/" data-ajax="false">Navigation</a></li>
<li data-filtertext="linking pages page links navigation ajax prefetch cache"><a href="../navigation-linking-pages/" data-ajax="false">Linking pages</a></li> <li data-filtertext="linking pages page links navigation ajax prefetch cache"><a href="../navigation-linking-pages/" data-ajax="false">Linking pages</a></li>
<li data-filtertext="php redirect server redirection server-side navigation"><a href="../navigation-php-redirect/" data-ajax="false">PHP redirect demo</a></li> <!-- <li data-filtertext="php redirect server redirection server-side navigation"><a href="../navigation-php-redirect/" data-ajax="false">PHP redirect demo</a></li>-->
<li data-filtertext="navigation redirection hash query"><a href="../navigation-hash-processing/" data-ajax="false">Hash processing demo</a></li> <li data-filtertext="navigation redirection hash query"><a href="../navigation-hash-processing/" data-ajax="false">Hash processing demo</a></li>
<li data-filtertext="navigation redirection hash query"><a href="../page-events/" data-ajax="false">Page Navigation Events</a></li> <li data-filtertext="navigation redirection hash query"><a href="../page-events/" data-ajax="false">Page Navigation Events</a></li>
</ul> </ul>
Expand Down Expand Up @@ -187,7 +187,7 @@
<li data-filtertext="dynamic popups popup images lightbox"><a href="../popup-dynamic/" data-ajax="false">Dynamic popups</a></li> <li data-filtertext="dynamic popups popup images lightbox"><a href="../popup-dynamic/" data-ajax="false">Dynamic popups</a></li>
<li data-filtertext="popups with iframes scaling"><a href="../popup-iframe/" data-ajax="false">Popups with iframes</a></li> <li data-filtertext="popups with iframes scaling"><a href="../popup-iframe/" data-ajax="false">Popups with iframes</a></li>
<li data-filtertext="popup image scaling"><a href="../popup-image-scaling/" data-ajax="false">Popup image scaling</a></li> <li data-filtertext="popup image scaling"><a href="../popup-image-scaling/" data-ajax="false">Popup image scaling</a></li>
<li data-filtertext="external popup outside multi-page"><a href="../popup-outside-multipage" data-ajax="false">Popup outside multi-page</a></li> <li data-filtertext="external popup outside multi-page"><a href="../popup-outside-multipage/" data-ajax="false">Popup outside multi-page</a></li>
</ul> </ul>
</div> </div>
</li> </li>
Expand Down
2 changes: 1 addition & 1 deletion demos/listview-nested-lists/index.php
View file
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<script src="../../external/jquery/jquery.js"></script> <script src="../../external/jquery/jquery.js"></script>
<script src="../_assets/js/"></script> <script src="../_assets/js/"></script>
<script src="../../js/"></script> <script src="../../js/"></script>
<script id="script" src="https://rawgithub.com/arschmitz/jquery-mobile-nestedlists/master/jquery.mobile.nestedlists.js"></script> <script id="script" src="http://rawgithub.com/arschmitz/jquery-mobile-nestedlists/master/jquery.mobile.nestedlists.js"></script>
</head> </head>
<body> <body>
<div data-role="page" class="jqm-demos" data-quicklinks="true"> <div data-role="page" class="jqm-demos" data-quicklinks="true">
Expand Down
Loading

0 comments on commit cb9112a

Please sign in to comment.