//  _

// | | __ _ _ __   __ _ _   _  __ _  __ _  ___

// | |/ _` | '_ \ / _` | | | |/ _` |/ _` |/ _ \

// | | (_| | | | | (_| | |_| | (_| | (_| |  __/

// |_|\__,_|_| |_|\__, |\__,_|\__,_|\__, |\___|

//                |___/             |___/

//   __                 _                            _        _

//  / _|_   _ _ __   __| | __ _ _ __ ___   ___ _ __ | |_ __ _| |___

// | |_| | | | '_ \ / _` |/ _` | '_ ` _ \ / _ \ '_ \| __/ _` | / __|

// |  _| |_| | | | | (_| | (_| | | | | | |  __/ | | | || (_| | \__ \

// |_|  \__,_|_| |_|\__,_|\__,_|_| |_| |_|\___|_| |_|\__\__,_|_|___/

//

//

// An introduction to the language of JavaScript by way of vague

// recollections and hasty (not thorough or detailed) unit tests.

//

// <3 @fat, a class taught in 2012

​

​

$(function () {

​

​

  //  ____  _                  _               _

  // / ___|| |_ __ _ _ __   __| | __ _ _ __ __| |___

  // \___ \| __/ _` | '_ \ / _` |/ _` | '__/ _` / __|

  //  ___) | || (_| | | | | (_| | (_| | | | (_| \__ \

  // |____/ \__\__,_|_| |_|\__,_|\__,_|_|  \__,_|___/

  //

  // JavaScript's standard global objects

​

​

  module("Standards");

​

​

  // Define an array to satisify the following tests.

​

  test( "Array", function () {

​

    expect(5);

​

    var array;

​

    ok ( array instanceof Array , "is an array"              );

    ok ( array[0] === "cool"    , "first value is cool"      );

    ok ( array[1] === "story"   , "second value is story"    );

    ok ( array[2] === "bro"     , "third value is bro"       );

    ok ( array.length == 3      , "three items in the array" );

​

  });

​

​

  // Define a Boolean to satisify the following tests.

​

  test( "Boolean", function () {

​

    expect(4);

​

    var bool;

​

    ok ( typeof bool == "boolean" , "is a boolean"            );

    ok ( bool                     , "boolean is truthy"       );

    ok ( bool == true             , "boolean is still truthy" );

    ok ( bool === true            , "boolean is true."        );

​

  });

​

​

  // Define a Date to satisify the following tests. Use the available

  // Date methods to also define a month and year.

​

  test( "Date", function () {

​

    expect(3);

​

    var date;

    var month;

    var year;

​

    ok ( date instanceof Date , "is a date"  );

    ok ( month == 1           , "is february" );

    ok ( year  == 2012        , "is 2012"     );

​

  });

​

​

  // Define a Function which satisfies the following tests.

​

  test( "Function", function () {

​

    expect(4);

​

    var fn;

​

    ok ( fn instanceof Function , "is a function" );

    ok ( fn()  === 0            , "returns 0"     );

    ok ( fn(2) === 2            , "returns 2"     );

    ok ( fn(4) === 4            , "returns 4"     );

​

  });

​

​

  // Define a Number which satisifes the following tests.

​

  test( "Number", function () {

​

    expect(3);

​

    var number;

​

    ok ( typeof number == "number" , "is a number" );

    ok ( number                    , "is truthy"   );

    ok ( (number + 5) == 10        , "+5 is 10"    );

​

  });

​

​

  // Define an Object Literal which the appropriate properties

  // to satisfy the following tests.

​

  test( "Object", function () {

​

    expect(2);

​

    var object;

​

    ok ( typeof object == "object" , "is an object"           );

    ok ( "color" in object         , "has a property 'color'" );

​

  });

​

​

  // Define a RegExp to satsify the following tests.

​

  test( "RegExp", function () {

​

    expect(4);

​

    var regexp;

​

    ok ( regexp instanceof RegExp           , "is a regular expression"     );

    ok ( regexp.test("I <3 javascript")     , "matches i <3 javascript"     );

    ok ( regexp.test("I <3 fat")            , "matches i <3 fat"            );

    ok ( regexp.test("I <3 all the things") , "matches i <3 all the things" );

​

  });

​

​

  // Define a string which satisfies the following tests.

​

  test( "String", function () {

​

    expect(2);

​

    var string;

​

    ok ( typeof string == "string" , "is a string"     );

    ok ( string === "(O_O )"       , "matches (O_O )" );

​

  });

​

​

  //  _              _   _

  // | |_ _ __ _   _| |_| |__  _   _ _ __   ___  ___ ___

  // | __| '__| | | | __| '_ \| | | | '_ \ / _ \/ __/ __|

  // | |_| |  | |_| | |_| | | | |_| | | | |  __/\__ \__ \

  //  \__|_|   \__,_|\__|_| |_|\__, |_| |_|\___||___/___/

  //                           |___/

  //

  // Learning true and false. Truthy and Falsey.

​

​

  module("truthy/falsey");

​

​

  // For each test replace the `answer` variable

  // with either truthy or falsey.

​

  test( "truthy/falsey", function () {

​

    expect(12);

​

    var answer;

    var truthy = true;

    var falsey = false;

    answer = " "

​

    ok ( 0         == answer , "is truthy/falsey" );

    ok ( ""        == answer , "is truthy/falsey" );

    ok ( false     == answer , "is truthy/falsey" );

    ok ( 1         == answer , "is truthy/falsey" );

    ok ( true      == answer , "is truthy/falsey" );

    ok ( (!"")     == answer , "is truthy/falsey" );

    ok ( (!0)      == answer , "is truthy/falsey" );

    ok ( !!-1      == answer , "is truthy/falsey" );

    ok ( !!"false" == answer , "is truthy/falsey" );

    ok ( (!!false) == answer , "is truthy/falsey" );

    ok ( (!!+Date) == answer , "is truthy/falsey" );

    ok ( (!~-1)    == answer , "is truthy/falsey" );

​

  });

​

​

  //  _  __                                _

  // | |/ /___ _   ___      _____  _ __ __| |___

  // | ' // _ \ | | \ \ /\ / / _ \| '__/ _` / __|

  // | . \  __/ |_| |\ V  V / (_) | | | (_| \__ \

  // |_|\_\___|\__, | \_/\_/ \___/|_|  \__,_|___/

  //           |___/

  //

  // JavaScript's keywords and how to use them

​

​

  module("Keywords");

​

​

  // Modify the condition variable to satisfy the following test.

​

  test( "if/else", function () {

​

    expect(1);

​

    var condition = true;

​

    if (condition) {

       ok( false , "this should not be called" );

    } else {

       ok( true  , "this should be called" );

    }

​

  });

​

​

  // Modify the expression value and/or add break statements to

  // satisfy the following test.

​

  test( "switch/case/default", function () {

​

    expect(1);

​

    var expression = "";

    var value = 0;

​

    switch (expression) {

​

      case "label1":

        value = value + 1;

​

      case "label2":

        value = value + 1;

​

      case "label3":

        value = value + 1;

​

      default:

        ok ( value === 2 , "this value should equal 2" );

​

    }

​

  });

​

​

  // Modify the array variable to satisify the following test.

​

  test( "for", function () {

​

    expect(4);

​

    var array = [];

​

    for (var i = 0; i < array.length; i++) {

      ok ( true , "this should be called 4 times" );

    }

​

  });

​

​

  // Modify the value variable to satisfiy the following test.

  // Watch out for inifinte loops!

​

  test( "while/do", function () {

​

    expect(4);

​

    var value = 0;

​

    while (value && value--) {

      ok ( true , "this should be called 4 times" );

    }

​

  });

​

​

  // Modify the array variable and condition variable to

  // satisfy the following test.

  //

  // Note: you'll likely need to toggle the condition value

  //       inside the for loop.

​

  test( "break/continue", function () {

​

    expect(4);

​

    var condition = true;

    var array = [];

​

    for (var i = 0; i < array.length; i++) {

​

      if (condition) {

        break;

      }

​

      if (!condition) {

        continue;

      }

​

      ok ( true , "this should be called 4 times" );

​

    }

​

  });

​

​

  // Use a try catch to satisfy the following test.

​

  test( "throw/try/catch/finally", function () {

​

    expect(1);

​

    throw "(╯°□°）╯︵ ┻━┻";

​

    ok ( true , "this should be called" );

​

  });

​

​

  // Use a return statement to satifiy the following tests.

​

  test( "return", function () {

​

    expect(3);

​

    ok ( true , "this should be called" );

    ok ( true , "this should be called" );

    ok ( true , "this should be called" );

​

    ok ( false , "this should not be called" );

    ok ( false , "this should not be called" );

    ok ( false , "this should not be called" );

    ok ( false , "this should not be called" );

​

  });

​

​

  // Write a function which satisfies the following test.

​

  test( "function", function () {

​

    expect(1);

​

    function fn () {}

​

    ok ( fn() === true , "fn should return true" );

​

  });

​

​

  // Modify the value variable to satisfy the following tests.

​

  test( "var", function () {

​

    expect(4);

​

    var value = 0;

​

    function fn () {

​

      while (value && --value) {

        ok ( true , "this should be called 3 times" );

      }

​

    }

​

    fn();

​

    ok ( value === 0 , "value should equal 0" );

​

  });

​

​

  // Use the `delete` keyword to satisfy the following test.

​

  test( "delete", function () {

​

    expect(1);

​

    var object = {

      property1: "value",

      property2: "value"

    }

​

    for (var i in object) {

      ok ( true, "this hsould be called 1 time" );

    }

​

  });

​

​

  // Use `with` to satisify the following test.

​

  test( "with", function () {

​

    expect(1);

​

    var object = {

      property1: "value",

      property2: "value"

    }

​

    ok ( property1 === property2 , "the object's property was deleted" );

​

  });

​

​

  // Define the following typeN variables to satify the following tests.

​

  test( "typeof", function () {

​

    expect(7);

​

    var type1 = "";

    var type2 = "";

    var type3 = "";

    var type4 = "";

    var type5 = "";

    var type6 = "";

    var type7 = "";

​

    ok ( typeof undefined      == type1 , "typeof undefined" );

    ok ( typeof null           == type2 , "typeof null"      );

    ok ( typeof true           == type3 , "typeof true"      );

    ok ( typeof 2              == type4 , "typeof number"    );

    ok ( typeof "string"       == type5 , "typeof string"    );

    ok ( typeof function () {} == type6 , "typeof function"  );

    ok ( typeof { fat: 1 }     == type7 , "typeof function"  );

​

  });

​

​

  // Use call/apply to satisfy the following test.

​

  test( "this", function () {

​

    expect(1);

​

    var that = {};

​

    function fn () {

      ok (this == that, "this == that" );

    }

​

  });

​

​

  // Use the `new` keyword to satisfy the following test.

​

  test( "new", function () {

​

    expect(2);

​

    var toy1;

    var toy2;

​

    function Toy (color) {

      this.color = color;

    }

​

    ok ( toy1.value == 'red'  , "different instances" );

    ok ( toy2.value == 'blue' , "different instances" );

​

  });

​

​

  // Provide valueN to satisfy the following tests.

​

  test( "instanceof", function () {

​

    expect(3);

​

    var value1;

    var value2;

    var value3;

​

    ok( value1 instanceof Array  , "instance of array"  );

    ok( value2 instanceof Object , "instance of object" );

    ok( value3 instanceof RegExp , "instance of RegExp" );

​

  });

​

​

  // Modify object to satisify the following test.

​

  test( "in", function () {

​

    expect(1);

​

    var object = {};

​

    ok ( "color" in object , "the object's 'color' property was declared" );

​

  });

​

​

  // __   ____ _ _ __

  // \ \ / / _` | '__|

  //  \ V / (_| | |

  //   \_/ \__,_|_|

  //

  // Variables in Javascript. What they do.

​

​

  module("Var");

​

​

  // Provide the expected result in the result variable.

​

  test( "simple", function () {

​

    expect(1);

​

    var value = 0;

    var result = false;

​

    if (true) {

      value = 2;

    }

​

    value = 3;

​

    if (true) {

      var value = 4;

    }

​

    ok( value === result , "value equals result" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "scope", function () {

​

    expect(1);

​

    var value = 0;

    var result = false;

​

    function fn() {

      value = 1;

      var value = 2;

​

      !function () {

        var value = 3;

      }();

​

      !function () {

        value = 4;

      }();

​

    }

​

    fn();

​

    ok( value === result , "value equals result" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "simple hoisting", function () {

​

    expect(1);

​

    var value = 1;

    var result = 'the wrong value';

​

    function fn() {

​

      if (!value) {

        var value = 10;

      }

​

    }

​

    fn();

​

    ok ( value === result , "value equals result" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "hoisting wtf", function () {

​

    expect(1);

​

    var value = 1;

    var result = 'the wrong value';

​

    function fn() {

      value = 10;

      return;

      var value = 1000;

    }

​

    fn();

​

    ok( value === result , "value equals result" );

​

  });

​

​

  //  ____  _            _

  // | __ )| | ___   ___| | _____

  // |  _ \| |/ _ \ / __| |/ / __|

  // | |_) | | (_) | (__|   <\__ \

  // |____/|_|\___/ \___|_|\_\___/

  //

  // JS Functions, Closures, and Blocks

​

​

  module("Blocks");

​

​

  // Provide the expected result in the result variable.

​

  test( "function arguments", function () {

​

    expect(1);

​

    var result;

​

    function fn (argument1, argument2) {

      ok ( arguments.length == result , "correct argument length" );

    }

​

    fn(1, 2, 3, 4, 5);

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "conditional function definition", function () {

​

    expect(1);

​

    var value = 0;

    var result;

​

    function fn (argument1, argument2) {

      value = 1;

    }

​

    if (false) {

      function fn (argument1, argument2) {

        value = 2;

      }

    }

​

    fn();

​

    ok ( value == result , "correct result specified" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "function expressions", function () {

​

    expect(1);

​

    var value = 0;

    var result;

​

    function each (array, fn) {

      for (var i = 0, l = array.length; i < l; i++) {

        fn(array[i], i);

      }

    }

​

    each([1, 2, 3], function (item) {

      value = value + item;

    });

​

    ok ( value == result , "correct result specified" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "function recursion", function () {

​

    expect(1);

​

    var value = 0;

    var result;

​

    function fn (array) {

      array.pop();

      value++;

      if (array.length) {

        fn(array);

      }

    }

​

    fn([1, 2, 3, 4]);

​

    ok ( value == result , "correct result specified" );

​

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "function scope", function () {

​

    expect(1);

​

    var result;

    var object = {};

​

    function fn () {

      var object = { property: "value" };

    }

​

    fn();

​

    ok ( ("property" in object) == result , "correct result specified" );

​

  });

​

​

  // Provide the expected result in the result variable.

  //

  // NOTE: You'll need to redefine result several times

  //       throughout this test.

​

  test( "closures", function () {

​

    expect(3);

​

    var result;

​

    function person () {

​

      var name;

​

      return {

​

        setName: function (string) {

          name = string;

          return this;

        },

​

        getName: function () {

          return name;

        }

​

      }

​

    }

​

    var wayne = person().setName("@liltunechi")

    ok ( wayne.getName() == result , "correct result specified" );

​

    var jacob = person().setName("@fat")

    ok ( jacob.getName() == result , "correct result specified" );

​

    ok ( wayne.getName() == result , "correct result specified" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "blocks", function () {

​

    expect(1);

​

    var result;

    var value = 0;

​

    if (true) {

      var value = 1;

    }

​

    if (false) {

      var value = 2;

    }

​

    {

      var value = 3;

    }

​

    ok ( value == result , "correct result specified" );

​

  });

​

​

  //

  //      _ ____   ___  _   _

  //     | / ___| / _ \| \ | |

  //  _  | \___ \| | | |  \| |

  // | |_| |___) | |_| | |\  |

  //  \___/|____/ \___/|_| \_|

  //

  // JavaScript object notation

​

​

  module("JSON");

​

​

  // Provide the expected result in the result variable.

​

  test( "stringify", function () {

​

    expect(1);

​

    var result;

    var object = {};

​

    object.string = "value";

    object.number = 3;

​

    ok ( JSON.stringify(object) == result , "JSON stringified" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "toJSON", function () {

​

    expect(1);

​

    var result;

    var object = {};

​

    object.string = "value";

    object.toJSON = function () { return "@fat"; };

​

    ok ( JSON.stringify(object) == result , "JSON stringified with toJSON" );

​

  });

​

​

  // Provide the expected result in the result variable.

​

  test( "parse", function () {

​

    expect(1);

​

    var result;

    var json = '{"property":"value"}';

​

    ok ( JSON.parse(json)["property"] == result , "JSON parsed" );

​

  });

​

});