42 | test10: 43 | 44 | |
45 |
| 47 | |
| Test1 - Button click delegate. Look on console for output 50 |
51 |
52 |
53 | |
54 |
| Test2 - Mouse over event 58 |
59 |
62 | This is text that you can mouse over! 60 |Feel free to mouse over it! 61 | |
63 |
| test 3 - re-root delegate 68 | 70 | 72 | |
|
76 |
78 | Parent div
84 | 79 | Child div 80 | - Mouse over me 81 |By mousing over the child, the mouse over on the parent 82 | shold fire 83 | |
85 |
|
89 |
90 | Test queue cleanup actions. Should print cleanup to console when you press
91 | the button.
94 | 92 | 93 | |
95 |
Add your todo by typing in the text then pressing Return to 29 | add it to the list of todos.
30 | 31 | 32 | 33 | 35 | 37 | 38 | -------------------------------------------------------------------------------- /js/src/main/resources/index-dev.html: -------------------------------------------------------------------------------- 1 | 16 | 17 | 18 | 19 | 20 |test1 |
41 |
| 44 | |
test2: this line should remain and a
47 | new node added |
48 |
test3: the original test3 node was
51 | replaced |
52 |
test4 this line
55 | should remain and two new lines of content will be added with
56 | different styling. |
57 |
60 |
61 | test5 - testing diff that inserts a new child then replaces the
62 | child. If this line is all you see for test5, then the test
63 | failed. /div> |
67 |
71 |
73 | test5a - testing patching using patch paths
72 | |
77 |
79 | test5b - testing patching using patch paths
78 | |
|
84 |
85 | test6 - testing diff when key says its the same VNode 86 |You should not see this line. If you do its an
87 | error.
88 | |
89 |
| 92 | |
test8 - add an SVG rect
96 | |
97 |
101 | test9:
102 |
103 | Look at js console to see output. 104 | |
105 |
109 | test10: 110 | 111 | |
112 |
116 | This tests some simple rendering using functional approaches 117 | 118 | |
119 |
|
125 |
126 |
127 |
128 | |
129 |
should count 54 | e.childNodes.length shouldEqual 1 55 | } 56 | } 57 | 58 | it should "create a simple text node" in { 59 | val vnode = text("test") 60 | val elf = DOMBackend.run(render(vnode)) 61 | elf.map { el => 62 | el.textContent shouldEqual "test" 63 | } 64 | } 65 | 66 | it should "allow ThunkNode call its function when its asked to" in { 67 | val vnode = ThunkNode(() => { 68 | tag("div") 69 | }) 70 | val elf = DOMBackend.run(render(vnode)) 71 | elf.map { el => 72 | el.nodeName shouldEqual "DIV" 73 | } 74 | } 75 | 76 | } 77 | -------------------------------------------------------------------------------- /js/src/test/scala/im/vdom/backend/dom/DOMUtilsSpec.scala: -------------------------------------------------------------------------------- 1 | /* Copyright 2015 Devon Miller 2 | * 3 | * Licensed under the Apache License, Version 2.0 (the "License"); 4 | * you may not use this file except in compliance with the License. 5 | * You may obtain a copy of the License at9 6 | * 7 | * http://www.apache.org/licenses/LICENSE-2.0 8 | * 9 | * Unless required by applicable law or agreed to in writing, software 10 | * distributed under the License is distributed on an "AS IS" BASIS, 11 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | * See the License for the specific language governing permissions and 13 | * limitations under the License. 14 | */ 15 | package im 16 | package vdom 17 | package backend 18 | package dom 19 | 20 | import scala.language._ 21 | import org.scalatest._ 22 | import scala.concurrent.Future 23 | import scala.concurrent.ExecutionContext.Implicits.global 24 | import scala.concurrent.duration._ 25 | import java.util.concurrent.TimeUnit 26 | import java.util.concurrent.atomic.AtomicInteger 27 | import _root_.org.scalajs.dom.{ document => d, Element => El } 28 | 29 | /** 30 | * DOMUtils test. 31 | */ 32 | class DOMUtilsSpec extends FlatSpec with Matchers with OptionValues { 33 | 34 | import Utils._ 35 | import DOMUtils._ 36 | 37 | "canReuseMarkup" should "return true when it should return true" in { 38 | val n = d.createElement("div") 39 | val markup = """
hello
43 | test1 44 | 45 | |
46 |
FOO
this is \na text block
") should equal ("THIS IS A TEXT BLOCK
") 62 | } 63 | 64 | "hyphenate" should "convert camel cased to hyphens" in { 65 | hyphenate("blahHah") should equal ("blah-hah") 66 | } 67 | 68 | it should "work on non camel cased names" in { 69 | hyphenate("blah") should equal ("blah") 70 | } 71 | 72 | it should "remove leading and trailing spaces" in { 73 | hyphenate("blahHah") should equal ("blah-hah") 74 | } 75 | 76 | "processStyleName" should "camel case the name" in { 77 | processStyleName("blahHah") should equal ("blah-hah") 78 | } 79 | 80 | it should "remove leading trailing spaces" in { 81 | processStyleName(" \nblahHah \n\t") should equal ("blah-hah") 82 | } 83 | 84 | it should "process the special mozilla prefix special" in { 85 | processStyleName(" \n msBlahHah") should equal ("-ms-blah-hah") 86 | } 87 | 88 | "quoteValueForStyle" should "return empty string for a boolean" in { 89 | quoteStyleValueForBrowser(None, true) should equal ("") 90 | } 91 | 92 | it should "return empty string for a null value" in { 93 | quoteStyleValueForBrowser(None, null) should equal ("") 94 | } 95 | 96 | it should "return a unitless string if the hint says its unitless" in { 97 | quoteStyleValueForBrowser(Some(StyleHint(values = BitSet(Hints.Unitless))), "200") should equal ("200") 98 | } 99 | 100 | it should "return a string with units if the hint says its not unitless" in { 101 | quoteStyleValueForBrowser(None, "200") should equal ("200px") 102 | } 103 | 104 | "adler32" should "calculate a checksum" in { 105 | val checksum = adler32("