JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine-html.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/boot.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-mocks.js"></script>




<div ng-app="myapp">
  1 + 1 = {{1+1}}
</div>

JavaScript

/* Angular with Jasmine */
angular.module('myapp', [])
  .factory('MyFactory', function() {
    var factory = {};
    factory.beAwesome = function() {
      return 'Awesome!';
    }
    return factory;
  });

describe('Jasmine', function() {
  it('works', function() {
    expect(1).toEqual(1);
  })
});
describe('MyFactory', function() {
  beforeEach(angular.mock.module('myapp'));
  var factory = null;
  beforeEach(inject(function(MyFactory) {
    factory = MyFactory;
  }))
  it('Should define methods', function() {
    expect(factory.beAwesome).toBeDefined()
    expect(factory.beAwesome).toEqual(jasmine.any(Function))
  });
});