Jasmine sample test code

jasmine-sample.js

/*
    Jasmine sample code

    This file is called a spec.
    describe() groups related tests within a spec.
    it() contains a single test.
    The outer describe() matches the name of the module being tested.
    Select elements only via test-foo classes!
*/

describe("VHL.MyModuleName", function () {

  describe('hide translation', function() {
    it('toggles the translation when both are not visible', function() {
      $('.test-target').css('visibility', 'visible');
      $('.test-translation').css('visibility', 'hidden');
      $('.test-hide_target').trigger('click');
      expect($('.test-translation')).toHaveCss({'visibility': 'visible'});
    });

    it('toggles the visibility', function() {
      $('.test-hide_translation').trigger('click');
      expect($('.test-translation')).toHaveCss({'visibility': 'hidden'});
      $('.test-hide_translation').trigger('click');
      expect($('.test-translation')).toHaveCss({'visibility': 'visible'});
    });

    it('toggles the target when both are not visible', function() {
      $('.test-target').css('visibility', 'hidden');
      $('.test-translation').css('visibility', 'visible');
      $('.test-hide_translation').trigger('click');
      expect($('.test-target')).toHaveCss({'visibility': 'visible'});
    })
  });

});