jquery-turtle/test/write.html at master · PencilCode/jquery-turtle · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<script src="lib/qunit.js"></script>
<link href="lib/qunit.css" rel="stylesheet">
<script src="lib/jquery.js"></script>
<script src="../jquery-turtle.js"></script>
<body>
<div id="qunit"></div>
<script>
eval($.turtle());
module("Write test.");
asyncTest("Verify that write returns the element we want.", function() {
  var result;
  // Basic write
  result = write('This is a "regular" message!')
  equal(result.length, 1);
  equal(result[0].tagName, 'DIV');
  equal(document.body.lastChild, result[0]);
  equal($('div').last().text(), 'This is a "regular" message!');
  // HTML entities
  result = write('Try an Entity&trade;')
  equal(result.length, 1);
  equal(result[0].tagName, 'DIV');
  equal(document.body.lastChild, result[0]);
  equal($('div').last().text(), 'Try an Entity\u2122');
  // Write some text (that looks like a tag)
  result = write('< actually some text >')
  equal(result.length, 1);
  equal(result[0].tagName, 'DIV');
  equal(document.body.lastChild, result[0]);
  equal($('div').last().text(), '< actually some text >');
  // Write a tag.
  result = write('<img>');
  equal(result.length, 1);
  equal(result[0].tagName, 'IMG');
  equal(document.body.lastChild, result[0]);
  // Write an unended tag.
  result = write('<b>');
  equal(result.length, 1);
  equal(result[0].tagName, 'B');
  equal(document.body.lastChild, result[0]);
  equal(result.html(), '');
  // Write a nested tag.
  result = write('<p><b style="color:red">Boldified</b> text.</p>');
  equal(result.length, 1);
  equal(result[0].tagName, 'P');
  equal(document.body.lastChild, result[0]);
  equal(result.html(), '<b style="color:red">Boldified</b> text.');
  // Write two tags (should be wrapped in a div)
  result = write('<img><p>');
  equal(result.length, 1);
  equal(result[0].tagName, 'DIV');
  equal(document.body.lastChild, result[0]);
  equal($('div').last().html(), '<img><p></p>');
  start();
});

asyncTest("Verify that write waits for the turtle.", function() {
  speed(100);
  fd(100);
  var result = write('hello');
  // Text should not appear right away.
  equal(result.length, 1);
  equal(result.html(), 'hello');
  equal(result[0].tagName, 'DIV');
  equal(result[0].parentElement, null);
  ok(document.body.lastChild != result[0]);
  // We should be able to change the text before it is shown.
  result.text('switched');
  plan(function() {
    // After the turtle is done moving, the text should be there.
    equal(result[0].parentElement, document.body);
    equal(document.body.lastChild, result[0]);
    equal($('div').last().html(), 'switched');
    start();
  });
});
</script>