tests for pretty printed html
parent
4833cf0d7b
commit
93142b364f
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||||
|
<script data-main="main" src="/bower_components/requirejs/require.js"></script>
|
||||||
|
<style>
|
||||||
|
html{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 90%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
@ -0,0 +1,24 @@
|
|||||||
|
define([
|
||||||
|
'/bower_components/hyperjson/hyperjson.js',
|
||||||
|
'/bower_components/jquery/dist/jquery.min.js',
|
||||||
|
], function (Hyperjson) {
|
||||||
|
var shjson = '["BODY",{"class":"cke_editable cke_editable_themed cke_contents_ltr cke_show_borders","spellcheck":"false"},[["P",{},["This is ",["STRONG",{},["CryptPad"]],", the zero knowledge realtime collaborative editor.",["BR",{},[]],"What you type here is encrypted so only people who have the link can access it.",["BR",{},[]],"Even the server cannot see what you type."]],["P",{},[["SMALL",{},[["I",{},["What you see here, what you hear here, when you leave here, let it stay here"]]]],["BR",{"type":"_moz"},[]]]]]]';
|
||||||
|
|
||||||
|
var hjson = JSON.parse(shjson);
|
||||||
|
|
||||||
|
var pretty = Hyperjson.toString(hjson);
|
||||||
|
|
||||||
|
// set the body html to the rendered hyperjson
|
||||||
|
$('body')[0].outerHTML = pretty;
|
||||||
|
|
||||||
|
$('body')
|
||||||
|
// append the stringified-hyperjson source for reference
|
||||||
|
.append('<hr>').append($('<pre>', {
|
||||||
|
'class': 'wrap',
|
||||||
|
}).text(shjson))
|
||||||
|
// append the pretty-printed html source for reference
|
||||||
|
.append('<hr>').append($('<pre>').text(pretty));
|
||||||
|
|
||||||
|
|
||||||
|
// TODO write some tests to confirm whether the pretty printer is correct
|
||||||
|
});
|
Loading…
Reference in New Issue