JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

HTML

<script src="http://sukima.github.io/jasmine-all/jasmine-all-min.js"></script>
<form name="myform" ACTION="" METHOD="GET">
Inserisci input: <br>
<input type="text" name="inputbox" value="">
<input type="button" name="button1" value="Read" onClick="readText(this.form)">
<input type="button" name="button2" value="Write" onClick="writeText(this.form)">
</form>

JavaScript

function truncate (input) {
     var output=input;
        if(!input){
            output="empty";
        }     else
    if (input.length>5) {
        output=input.substring(0,5)+"...";
    }
    return output;
   
   
}

function writeText (form) {
   // alert(form);
    form.inputbox.value = "Ciao!"
}

function readText (form) {
    inserito =form.inputbox.value;
    alert (truncate(inserito));
}

describe("The 'truncate' function", function () {
    
    it("should return the same string if length <= 5", function () {
        var result = truncate("Hello");
        expect(result).toBe("Hello");
    });
    
    it("should return the truncated string if length > 5", function () {
        var result = truncate("Accademia");
        expect(result).toBe("Accad...");
    });
    
    it("should return empty string if no input", function () {
        var result = truncate();
        expect(result).toBe("empty");
    });
    
});


//alert(truncate());