JSFiddle - React, Tailwind, and code Playground

by rudylattae

HTML

<script src="https://github.com/rudylattae/jasmine-species/raw/master/lib/namespacedotjs-1.1/Namespace.js"></script>
<script src="https://github.com/rudylattae/jasmine-species/raw/master/lib/jasmine-1.0.0/jasmine.js"></script>
<script src="https://github.com/rudylattae/jasmine-species/raw/master/lib/jasmine-1.0.0/jasmine-html.js"></script>
<script src="https://github.com/rudylattae/jasmine-species/raw/master/src/jasmine-species/jasmine-grammar.js"></script>
<script src="https://github.com/rudylattae/jasmine-species/raw/master/src/jasmine-species/jasmine-reporting.js"></script>
<link rel="stylesheet" href="https://github.com/rudylattae/jasmine-species/raw/master/lib/jasmine-1.0.0/jasmine.css">
<link rel="stylesheet" href="https://github.com/rudylattae/jasmine-species/raw/master/src/jasmine-species/calm.css">
<div class="header"><h1>Jasmine-species Demo</h1></div>

JavaScript

Namespace.use('jasmine.grammar.FeatureStory.*');  // imports feature, scenario, ...
Namespace.use('jasmine.grammar.GWT.*');   // imports given, when, ...
Namespace.use('jasmine.grammar.More.details');

var kalk = {};

kalk.Calculator = function() {
    this.result = 0;
    this.lhs = null;
    this.rhs = null;
    this.op = null;
};

feature('Addition', function() {
    details([
        'In order to do simple calculations',
        'As an accountant',
        'I want to be told the sum of two numbers'
        ]);

    scenario('Adding two positive numbers', function() {
        var calc = new kalk.Calculator();
        
        given('I have input "10" and "+" into the calculator', function() {
            calc.input(10);
            calc.input('+');
        });
        when('I input 4', function() {
            calc.input(4);
        });
        then('The result should be 14', function() {
            expect(calc.result).toEqual(14);
        });
    });
});

jasmine.getEnv().addReporter(new jasmine.reporting.StyledHtmlReporter());
jasmine.getEnv().execute();