angular-material-npfixed/src/core/services/ripple/checkbox_ripple.spec.js

The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible Material Design UI components. Angular Material is supported internally at Google by the Angular.js, M

describe('MdCheckboxInkRipple', function() {

  beforeEach(module('material.core'));

  var $element, $rootScope, $mdCheckboxInkRipple, $mdInkRipple;
  beforeEach(inject(function(_$rootScope_, _$mdCheckboxInkRipple_, _$mdInkRipple_) {
    $rootScope = _$rootScope_;
    $mdCheckboxInkRipple = _$mdCheckboxInkRipple_;
    $mdInkRipple = _$mdInkRipple_;

    $element = jasmine.createSpy('element');
    spyOn($mdInkRipple, 'attach');
  }));

  it('applies the correct ripple configuration', function() {
    $mdCheckboxInkRipple.attach($rootScope, $element);

    var expected = {
      center: true,
      dimBackground: false,
      fitRipple: true
    };

    expect($mdInkRipple.attach).toHaveBeenCalledWith($rootScope, $element, expected);
  });

  it('allows ripple configuration to be overridden', function() {
    $mdCheckboxInkRipple.attach($rootScope, $element, { center: false, fitRipple: false });

    var expected = {
      center: false,
      dimBackground: false,
      fitRipple: false
    };

    expect($mdInkRipple.attach).toHaveBeenCalledWith($rootScope, $element, expected);
  });
});