Merge pull request #18 from mamod/error_callback

Error callback

Author: codepb

.travis.yml

@@ -0,0 +1,2 @@
+before_script : cd tests
+script: phantomjs phantom.js

jquery-loadTemplate/jquery.loadTemplate-1.2.2.js

@@ -95,7 +95,7 @@
  done++;
  if (done === todo) {
  if (errored && settings && typeof settings.error === "function") {
- settings.error();
+ settings.error.call($that);
  }
  if (settings && typeof settings.complete === "function") {
  settings.complete();

tests/files/callback.js

@@ -0,0 +1,103 @@
+(function(){
+ var data = [
+ {
+ "name" : "test1",
+ "id" : 1
+ },
+ {
+ "name" : "test2",
+ "id" : 2
+ },
+ {
+ "name" : "test3",
+ "id" : 3
+ },
+ {
+ "name" : "test4",
+ "id" : 4
+ },
+ {
+ "name" : "test5",
+ "id" : 5
+ }
+ ];
+ 
+ function callback(assert){
+ var beforeInsertCounter = 0,
+ afterInsertCounter = 0,
+ successCounter = 0,
+ errorCounter = 0,
+ completeCounter = 0;
+ 
+ var sequence = [];
+ var elemSequence = [];
+ return {
+ name: "Number of Call Callbacks",
+ setup: function(){
+ $("#render").loadTemplate("#template", data, {
+ beforeInsert : function(elem){
+ sequence.push('before');
+ 
+ if ($('#render').children().length === beforeInsertCounter) {
+ elemSequence.push(true);
+ }
+ 
+ ++beforeInsertCounter;
+ 
+ 
+ },
+ afterInsert : function(elem){
+ sequence.push('after');
+ 
+ if ($('#render').children().length === afterInsertCounter) {
+ elemSequence.push(true);
+ }
+ 
+ ++afterInsertCounter;
+ 
+ },
+ complete : function(){
+ sequence.push('complete');
+ ++completeCounter;
+ },
+ success : function(){
+ sequence.push('success');
+ ++successCounter;
+ },
+ error : function(){
+ sequence.push('error');
+ ++errorCounter;
+ }
+ });
+ },
+ test: function () {
+ 
+ //make sure every callback is being called as expected
+ 
+ //before Insert & after Insert counter == 5
+ //if we have an array of elements before & after inserts will be
+ //called before and after inserting each element
+ assert("Before Insert Counter 5 = " + beforeInsertCounter, 5 === beforeInsertCounter);
+ assert("After Insert Counter 5 = " + afterInsertCounter, 5 === afterInsertCounter);
+ 
+ //no error expected
+ assert("Error Counter 0 = " + errorCounter, 0 === errorCounter);
+ 
+ //those should be called once
+ assert("Success Counter 1 = " + successCounter, 1 === successCounter);
+ assert("Complete Counter 1 = " + completeCounter, 1 === completeCounter);
+ 
+ //sequence by now should be
+ var expected = 'before,after,before,after,before,after,before,after,before,after,complete,success';
+ var got = sequence.toString();
+ assert("Sequence " + got + " = " + expected, expected == got );
+ 
+ assert("Element Sequence Call 10 == " + elemSequence.length, elemSequence.length === 10);
+ 
+ }
+ };
+ }
+ 
+ addTests(callback);
+ 
+})();

tests/files/error.js

@@ -0,0 +1,97 @@
+(function(){
+ var data = [
+ {
+ "name" : "test1",
+ "id" : 1
+ },
+ {
+ "name" : "test2",
+ "id" : 2
+ },
+ {
+ "name" : "test3",
+ "id" : 3
+ },
+ {
+ "name" : "test4",
+ "id" : 4
+ },
+ {
+ "name" : "test5",
+ "id" : 5
+ }
+ ];
+ 
+ function errorsHandle(assert,async){
+ var successCounter = 0,
+ errorCounter = 0,
+ completeCounter = 0,
+ sequence = [];
+ 
+ return {
+ name: "Custom Error Callback",
+ setup: function(){
+ $("#render").loadTemplate('test.html', data, {
+ complete : function(){
+ sequence.push('complete');
+ ++completeCounter;
+ },
+ success : function(){
+ sequence.push('success');
+ ++successCounter;
+ },
+ error : function(){
+ sequence.push('error');
+ ++errorCounter;
+ }
+ });
+ },
+ test: function () {
+ 
+ //give it some time to check URL
+ setTimeout(async(function () { // async testing
+ 
+ //success callback will not be fired
+ assert("Success Counter 0 = " + successCounter, 0 === successCounter);
+ 
+ //error should be fired
+ assert("Error Counter 1 = " + errorCounter, 1 === errorCounter);
+ 
+ //complete should be called even with errors
+ assert("Complete Counter 1 = " + completeCounter, 1 === completeCounter);
+ 
+ //sequence by now should be
+ var expected = 'error,complete';
+ var got = sequence.toString();
+ assert("Sequence " + expected + " = " + got, expected == got );
+ 
+ }), 1000);
+ }
+ };
+ }
+ 
+ function deafultError(assert,async){
+ var successCounter = 0,
+ errorCounter = 0,
+ completeCounter = 0,
+ sequence = [];
+ 
+ return {
+ name: "Default Error Callback",
+ setup: function(){
+ $("#render").loadTemplate('doesnotexists/test.html', data);
+ },
+ test: function () {
+ //give it some time to check URL
+ setTimeout(async(function () { //asnc testing
+ var got = $('#render').text();
+ var expected = "There was an error loading the template.";
+ assert("Error Message " + expected + " = " + got, got == expected);
+ }), 1000);
+ }
+ };
+ }
+ 
+ addTests(errorsHandle,deafultError);
+ 
+})();

tests/files/formatters.js

@@ -0,0 +1,128 @@
+(function(){
+ 
+ var data = [
+ {
+ "name" : "test1",
+ "id" : 1
+ },
+ {
+ "name" : "test2",
+ "id" : 2
+ },
+ {
+ "name" : "test3",
+ "id" : 3
+ }
+ ];
+ 
+ //data formatters
+ //single data formatter
+ $.addTemplateFormatter("singleFormatter",
+ function(value, template) {
+ $(this).addClass('red');
+ return value.toUpperCase();
+ }
+ );
+ 
+ $.addTemplateFormatter("singleFormatter2",
+ function(value, template) {
+ return 99;
+ }
+ );
+ 
+ //multiple data formatters
+ $.addTemplateFormatter({
+ UpperCaseFormatter : function(value, template) {
+ $(this).addClass('red');
+ return value.toUpperCase();
+ },
+ idFormatter : function(value, template) {
+ if (value === 2){
+ $(this).addClass('yellow');
+ }
+ return 'xx';
+ },
+ SameCaseFormatter : function(value, template) {
+ if(template == "upper") {
+ return value.toUpperCase();
+ } else {
+ return value.toLowerCase();
+ }
+ }
+ });
+ 
+ /**
+ * general Formatter test
+ */
+ function general(assert){
+ return {
+ name: "Templates Formatter",
+ setup: function(){
+ $("#render").loadTemplate("#template2", data);
+ },
+ test: function () {
+ $('#render div.name').each(function(i){
+ var val = $(this).text();
+ 
+ //all names must be in uppercases
+ var match = data[i].name.toUpperCase();
+ assert("match " + val + " !== " + match, val === match);
+ 
+ //upperCaseFormatter manipulate element by adding a red class
+ //check if we got that correctly
+ var red = $(this).hasClass('red');
+ assert("has class red", red);
+ 
+ //id also has been overriden to 'xx'
+ var id = $(this).next().text();
+ assert("xx id", "xx" === id);
+ });
+ }
+ };
+ }
+ 
+ /**
+ * This test make sure that all added formatters will be available
+ * even if we mix by adding single function formatter or multiple key
+ * value style
+ */
+ function singleFormatter (assert){
+ return {
+ name: "Single Formatter",
+ setup: function(){
+ $("#render").loadTemplate("#template3", data);
+ },
+ test: function () {
+ $('#render div.name').each(function(i){
+ var val = $(this).text();
+ 
+ var match = data[i].name.toUpperCase();
+ assert("match " + val + " !== " + match, val === match);
+ 
+ //upperCaseFormatter manipulate element by adding a red class
+ //check if we got that correctly
+ var red = $(this).hasClass('red');
+ assert("has class red", red);
+ 
+ //id also has been overriden to 'xx'
+ var id = $(this).next().text();
+ assert("id xx !== " + id, "xx" === id);
+ 
+ //hidden value manipulated by singleFormatter2
+ //using data-format-target to target value attr
+ var hidVal = $(this).nextAll('.hidden').val();
+ assert( "Hidden Value " + hidVal +" !== 99", hidVal == 99);
+ 
+ });
+ }
+ };
+ }
+ 
+ //TODO
+ function SameCaseFormatter (assert){
+ 
+ }
+ 
+ addTests(general,singleFormatter);
+
+})();