CanJS jQuery Template

Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

by cherif_b

HTML

<script src="http://canjs.us/release/latest/can.jquery.js"></script>
<script src="http://canjs.us/release/latest/can.construct.proxy.js"></script>
<script src="http://canjs.us/release/latest/can.control.plugin.js"></script>
<script src="http://canjs.us/release/latest/can.view.modifiers.js"></script>
<script src="http://canjs.us/release/latest/can.construct.super.js"></script>
<script src="http://canjs.us/release/latest/can.object.js"></script>
<script src="http://canjs.us/release/latest/can.ejs.js"></script>
<script src="http://canjs.us/release/latest/can.map.attributes.js"></script>
<script src="http://canjs.us/release/latest/can.map.backup.js"></script>
<script src="http://canjs.us/release/latest/can.map.delegate.js"></script>
<script src="http://canjs.us/release/latest/can.map.setter.js"></script>
<script src="http://canjs.us/release/latest/can.map.validations.js"></script>
<script src="http://canjs.com/release/latest/can.fixture.js"></script>
<script src="http://code.jquery.com/qunit/qunit-1.14.0.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css">
<script src="http://canjs.com/release/latest/can.stache.js"></script>
<h1 id="qunit-header">CUSTOM TAG TEST SUITE</h1>

<h2 id="qunit-banner"></h2>

<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-test-area"></div>

CSS

.header {
    background: #E1E3E1;
    padding: 10px 0;
    border-bottom: 1px solid #B5B6B5;
    margin-bottom: 15px;
}
h1 {
    font-size: 24px;
    font-weight: bold;
}
p { 
    margin: 10px 0;
}

JavaScript

module('can/stache',{
    setup:function(){
        $('#qunit-test-area').empty();
    }
    
});

test('stache custom tag with ":" renderer',function(){
    renderer=can.stache('<x:widget></x:widget>');
    $('#qunit-test-area').html(renderer());
    testArea=$('#qunit-test-area')[0];
   tagStr=testArea.innerHTML;
    equal(tagStr,'<x:widget></x:widget>');
});

test('mustache custom tag with ":" renderer',function(){
    renderer=can.mustache('<x:widget></x:widget>');
    $('#qunit-test-area').html(renderer());
    testArea=$('#qunit-test-area')[0];
   tagStr=testArea.innerHTML;
    equal(tagStr,'<x:widget></x:widget>');
});