Knockout testing base

by medmunds

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/jquery.tmpl.js"></script>
<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<script type="text/x-jquery-template" id="someTmpl">
</script>

<div id="console">
    <button data-bind="click: clearLog">Clear</button>
    <h2>Log</h2>
    <div id="log"></div>
</div>

CSS

#console {
    margin-top: 2em;
    padding: 0.2em;
    background: #eeeeff;
}
#console button {
    float: right;
}
#log {
    clear: both;
    font: 8pt monospace;
}

JavaScript

var viewModel = {};



///////////////////////////
ko.applyBindings(viewModel);


///////////////////////////
function log(message) {
  $("#log").append(document.createTextNode(message)).append("<br/>");
}

function clearLog() {
    $("#log").empty();
}