|
| 1 | +package io.udash.wrappers.jquery_test |
| 2 | + |
| 3 | +import org.scalatest.{Matchers, WordSpec} |
| 4 | + |
| 5 | +class DomManipulationTest extends WordSpec with Matchers { |
| 6 | + import io.udash.wrappers.jquery._ |
| 7 | + import scalatags.JsDom.all._ |
| 8 | + |
| 9 | + "jQuery" should { |
| 10 | + "set text content of DOM element" in { |
| 11 | + val text = "test 123" |
| 12 | + val dom = div().render |
| 13 | + |
| 14 | + jQ(dom).text() should be("") |
| 15 | + dom.textContent should be("") |
| 16 | + |
| 17 | + jQ(dom).text(text) |
| 18 | + |
| 19 | + jQ(dom).text() should be(text) |
| 20 | + dom.textContent should be(text) |
| 21 | + } |
| 22 | + |
| 23 | + "set content of DOM element" in { |
| 24 | + val text = "test 123" |
| 25 | + val dom = div().render |
| 26 | + val content = span(ul(li(text))).render |
| 27 | + |
| 28 | + jQ(dom).html() should be("") |
| 29 | + dom.textContent should be("") |
| 30 | + |
| 31 | + jQ(dom).html(content) |
| 32 | + |
| 33 | + jQ(dom).html() should be(s"<span><ul><li>$text</li></ul></span>") |
| 34 | + jQ(dom).text() should be(text) |
| 35 | + dom.textContent should be(text) |
| 36 | + } |
| 37 | + |
| 38 | + "set DOM element attribute" in { |
| 39 | + val attrName = "attr" |
| 40 | + val attrValue = "val" |
| 41 | + val dom = div().render |
| 42 | + |
| 43 | + jQ(dom).attr(attrName) should be(None) |
| 44 | + |
| 45 | + jQ(dom).attr(attrName, attrValue) |
| 46 | + |
| 47 | + jQ(dom).attr(attrName) should be(Some(attrValue)) |
| 48 | + dom.getAttribute(attrName) should be(attrValue) |
| 49 | + } |
| 50 | + |
| 51 | + "manage DOM element CSS classes" in { |
| 52 | + val c1 = "c1" |
| 53 | + val c2 = "c2" |
| 54 | + val dom = div().render |
| 55 | + |
| 56 | + jQ(dom).addClass(c1) |
| 57 | + jQ(dom).addClass(c2) |
| 58 | + |
| 59 | + dom.className.split(" ") should contain(c1) |
| 60 | + dom.className.split(" ") should contain(c2) |
| 61 | + |
| 62 | + jQ(dom).removeClass(c2) |
| 63 | + |
| 64 | + dom.className.split(" ") should contain(c1) |
| 65 | + dom.className.split(" ") shouldNot contain(c2) |
| 66 | + |
| 67 | + jQ(dom).toggleClass(c1) |
| 68 | + jQ(dom).toggleClass(c2) |
| 69 | + |
| 70 | + dom.className.split(" ") shouldNot contain(c1) |
| 71 | + dom.className.split(" ") should contain(c2) |
| 72 | + |
| 73 | + jQ(dom).toggleClass(c1) |
| 74 | + jQ(dom).toggleClass(c2) |
| 75 | + |
| 76 | + dom.className.split(" ") should contain(c1) |
| 77 | + dom.className.split(" ") shouldNot contain(c2) |
| 78 | + } |
| 79 | + |
| 80 | + "show/hide DOM elements" in { |
| 81 | + val dom = div( |
| 82 | + h1("a"), |
| 83 | + span("b") |
| 84 | + ).render |
| 85 | + |
| 86 | + val h = jQ(dom).find("h1") |
| 87 | + val s = jQ(dom).find("span") |
| 88 | + |
| 89 | + h.hide() |
| 90 | + h.css("display") should be("none") |
| 91 | + s.css("display") shouldNot be("none") |
| 92 | + |
| 93 | + s.hide() |
| 94 | + h.css("display") should be("none") |
| 95 | + s.css("display") should be("none") |
| 96 | + |
| 97 | + h.show() |
| 98 | + s.show() |
| 99 | + h.css("display") shouldNot be("none") |
| 100 | + s.css("display") shouldNot be("none") |
| 101 | + } |
| 102 | + |
| 103 | + "remove DOM elements" in { |
| 104 | + val dom = div( |
| 105 | + h1("a"), |
| 106 | + span(cls :="c1")("b"), |
| 107 | + h1("a"), |
| 108 | + span("c"), |
| 109 | + h1("a"), |
| 110 | + span(cls :="c1")("d"), |
| 111 | + h1("a"), |
| 112 | + span("e", span("f"), "g") |
| 113 | + ).render |
| 114 | + |
| 115 | + val h = jQ(dom).find("h1") |
| 116 | + val s = jQ(dom).find("span") |
| 117 | + val c = jQ(dom).find(".c1") |
| 118 | + |
| 119 | + dom.childElementCount should be(8) |
| 120 | + dom.textContent should be("abacadaefg") |
| 121 | + |
| 122 | + h.remove() |
| 123 | + |
| 124 | + dom.childElementCount should be(4) |
| 125 | + dom.textContent should be("bcdefg") |
| 126 | + |
| 127 | + c.remove() |
| 128 | + |
| 129 | + dom.childElementCount should be(2) |
| 130 | + dom.textContent should be("cefg") |
| 131 | + |
| 132 | + s.remove() |
| 133 | + |
| 134 | + dom.childElementCount should be(0) |
| 135 | + dom.textContent should be("") |
| 136 | + } |
| 137 | + |
| 138 | + "remove childrens of DOM elements" in { |
| 139 | + val dom = div( |
| 140 | + h1("a"), |
| 141 | + span(cls :="c1")("b"), |
| 142 | + h1("a"), |
| 143 | + span("c"), |
| 144 | + h1("a"), |
| 145 | + span(cls :="c1")("d"), |
| 146 | + h1("a"), |
| 147 | + span("e", span("f"), "g") |
| 148 | + ).render |
| 149 | + |
| 150 | + val h = jQ(dom).find("h1") |
| 151 | + val s = jQ(dom).find("span") |
| 152 | + val c = jQ(dom).find(".c1") |
| 153 | + |
| 154 | + dom.childElementCount should be(8) |
| 155 | + dom.textContent should be("abacadaefg") |
| 156 | + |
| 157 | + h.empty() |
| 158 | + |
| 159 | + dom.childElementCount should be(8) |
| 160 | + dom.textContent should be("bcdefg") |
| 161 | + |
| 162 | + c.empty() |
| 163 | + |
| 164 | + dom.childElementCount should be(8) |
| 165 | + dom.textContent should be("cefg") |
| 166 | + |
| 167 | + s.empty() |
| 168 | + |
| 169 | + dom.childElementCount should be(8) |
| 170 | + dom.textContent should be("") |
| 171 | + } |
| 172 | + |
| 173 | + "append/prepend DOM elements" in { |
| 174 | + val dom = div( |
| 175 | + span(), span(), span(), span() |
| 176 | + ).render |
| 177 | + |
| 178 | + val s = jQ(dom).find("span") |
| 179 | + |
| 180 | + dom.childElementCount should be(4) |
| 181 | + dom.textContent should be("") |
| 182 | + |
| 183 | + s.append("a") |
| 184 | + |
| 185 | + dom.childElementCount should be(4) |
| 186 | + dom.textContent should be("aaaa") |
| 187 | + |
| 188 | + s.prepend("b") |
| 189 | + |
| 190 | + dom.childElementCount should be(4) |
| 191 | + dom.textContent should be("babababa") |
| 192 | + |
| 193 | + s.filter(":nth-child(2n)").append("c") |
| 194 | + |
| 195 | + dom.childElementCount should be(4) |
| 196 | + dom.textContent should be("babacbabac") |
| 197 | + |
| 198 | + s.filter(":nth-child(2n+1)").prepend("d") |
| 199 | + |
| 200 | + dom.childElementCount should be(4) |
| 201 | + dom.textContent should be("dbabacdbabac") |
| 202 | + } |
| 203 | + |
| 204 | + "append/prepend DOM element into another element" in { |
| 205 | + val dom = div().render |
| 206 | + |
| 207 | + jQ(span("a").render).appendTo(dom) |
| 208 | + |
| 209 | + dom.childElementCount should be(1) |
| 210 | + dom.textContent should be("a") |
| 211 | + |
| 212 | + jQ(span("b").render).appendTo(jQ(dom)) |
| 213 | + |
| 214 | + dom.childElementCount should be(2) |
| 215 | + dom.textContent should be("ab") |
| 216 | + |
| 217 | + jQ(span("x").render).prependTo(jQ(dom)) |
| 218 | + |
| 219 | + dom.childElementCount should be(3) |
| 220 | + dom.textContent should be("xab") |
| 221 | + |
| 222 | + jQ(span("y").render).prependTo(dom) |
| 223 | + |
| 224 | + dom.childElementCount should be(4) |
| 225 | + dom.textContent should be("yxab") |
| 226 | + } |
| 227 | + |
| 228 | + "manage input values" in { |
| 229 | + val dom = input().render |
| 230 | + |
| 231 | + jQ(dom).value("abc") |
| 232 | + jQ(dom).value() should be("abc") |
| 233 | + dom.value should be("abc") |
| 234 | + |
| 235 | + jQ(dom).value("cba") |
| 236 | + jQ(dom).value() should be("cba") |
| 237 | + dom.value should be("cba") |
| 238 | + } |
| 239 | + } |
| 240 | + |
| 241 | +} |
0 commit comments