OLD | NEW |
1 library ng_model_validators; | 1 library ng_model_validators; |
2 | 2 |
3 import '../_specs.dart'; | 3 import '../_specs.dart'; |
4 | 4 |
5 main() => | 5 void main() { |
6 describe('ngModel validators', () { | 6 they(should, tokens, callback, [exclusive=false]) { |
7 TestBed _; | 7 tokens.forEach((token) { |
8 | 8 describe(token, () { |
9 beforeEach(inject((TestBed tb) => _ = tb)); | 9 (exclusive ? iit : it)(should, () => callback(token)); |
10 | 10 }); |
11 describe('required', () { | 11 }); |
12 it('should validate the input field if the required attribute is set', injec
t((RootScope scope) { | 12 } |
13 _.compile('<input type="text" ng-model="val" probe="i" required />'); | 13 |
14 Probe probe = _.rootScope.context['i']; | 14 tthey(should, tokens, callback) => |
15 var model = probe.directive(NgModel); | 15 they(should, tokens, callback, true); |
16 | 16 |
17 model.validate(); | 17 describe('ngModel validators', () { |
18 expect(model.valid).toEqual(false); | 18 TestBed _; |
19 expect(model.invalid).toEqual(true); | 19 |
20 | 20 beforeEach((TestBed tb) => _ = tb); |
21 _.rootScope.context['val'] = 'value'; | 21 |
22 model.validate(); | 22 describe('required', () { |
23 | 23 it('should validate the input field if the required attribute is set', (Ro
otScope scope) { |
24 expect(model.valid).toEqual(true); | 24 _.compile('<input type="text" ng-model="val" probe="i" required />'); |
25 expect(model.invalid).toEqual(false); | 25 Probe probe = _.rootScope.context['i']; |
26 })); | 26 var model = probe.directive(NgModel); |
27 | 27 |
28 | 28 model.validate(); |
29 it('should validate a number input field if the required attribute is set',
inject((RootScope scope) { | 29 expect(model.valid).toEqual(false); |
30 _.compile('<input type="number" ng-model="val" probe="i" required="true" /
>'); | 30 expect(model.invalid).toEqual(true); |
31 Probe probe = _.rootScope.context['i']; | 31 |
32 var model = probe.directive(NgModel); | 32 _.rootScope.apply(() { |
33 | 33 _.rootScope.context['val'] = 'value'; |
34 model.validate(); | 34 }); |
35 expect(model.valid).toEqual(false); | 35 |
36 expect(model.invalid).toEqual(true); | 36 expect(model.valid).toEqual(true); |
37 | 37 expect(model.invalid).toEqual(false); |
38 _.rootScope.context['val'] = 5; | 38 }); |
39 model.validate(); | 39 |
40 | 40 |
41 expect(model.valid).toEqual(true); | 41 it('should validate a number input field if the required attribute is set'
, (RootScope scope) { |
42 expect(model.invalid).toEqual(false); | 42 _.compile('<input type="number" ng-model="val" probe="i" required="true"
/>'); |
43 })); | 43 Probe probe = _.rootScope.context['i']; |
44 | 44 var model = probe.directive(NgModel); |
45 | 45 |
46 it('should validate the input field depending on if ng-required is true', in
ject((RootScope scope) { | 46 _.rootScope.apply(); |
47 _.compile('<input type="text" ng-model="val" probe="i" ng-required="requir
eMe" />'); | 47 |
48 Probe probe = _.rootScope.context['i']; | 48 expect(model.valid).toEqual(false); |
49 var model = probe.directive(NgModel); | 49 expect(model.invalid).toEqual(true); |
50 | 50 |
51 _.rootScope.apply(); | 51 _.rootScope.apply(() { |
52 | 52 _.rootScope.context['val'] = 5; |
53 model.validate(); | 53 }); |
54 expect(model.valid).toEqual(true); | 54 |
55 expect(model.invalid).toEqual(false); | 55 expect(model.valid).toEqual(true); |
56 | 56 expect(model.invalid).toEqual(false); |
57 _.rootScope.apply(() { | 57 }); |
58 _.rootScope.context['requireMe'] = true; | 58 |
59 }); | 59 |
60 | 60 it('should validate the input field depending on if ng-required is true',
(RootScope scope) { |
61 model.validate(); | 61 _.compile('<input type="text" ng-model="val" probe="i" ng-required="requ
ireMe" />'); |
62 expect(model.valid).toEqual(false); | 62 Probe probe = _.rootScope.context['i']; |
63 expect(model.invalid).toEqual(true); | 63 var model = probe.directive(NgModel); |
64 | 64 |
65 _.rootScope.apply(() { | 65 _.rootScope.apply(); |
66 _.rootScope.context['requireMe'] = false; | 66 |
67 }); | 67 model.validate(); |
68 | 68 expect(model.valid).toEqual(true); |
69 model.validate(); | 69 expect(model.invalid).toEqual(false); |
70 expect(model.valid).toEqual(true); | 70 |
71 expect(model.invalid).toEqual(false); | 71 _.rootScope.apply(() { |
72 })); | 72 _.rootScope.context['requireMe'] = true; |
| 73 }); |
| 74 |
| 75 model.validate(); |
| 76 expect(model.valid).toEqual(false); |
| 77 expect(model.invalid).toEqual(true); |
| 78 |
| 79 _.rootScope.apply(() { |
| 80 _.rootScope.context['requireMe'] = false; |
| 81 }); |
| 82 |
| 83 model.validate(); |
| 84 expect(model.valid).toEqual(true); |
| 85 expect(model.invalid).toEqual(false); |
| 86 }); |
| 87 }); |
| 88 |
| 89 describe('[type="url"]', () { |
| 90 it('should validate the input field given a valid or invalid URL', (RootSc
ope scope) { |
| 91 _.compile('<input type="url" ng-model="val" probe="i" />'); |
| 92 Probe probe = _.rootScope.context['i']; |
| 93 var model = probe.directive(NgModel); |
| 94 |
| 95 expect(model.valid).toEqual(true); |
| 96 expect(model.invalid).toEqual(false); |
| 97 |
| 98 _.rootScope.apply(() { |
| 99 _.rootScope.context['val'] = 'googledotcom'; |
| 100 }); |
| 101 |
| 102 expect(model.valid).toEqual(false); |
| 103 expect(model.invalid).toEqual(true); |
| 104 |
| 105 _.rootScope.apply(() { |
| 106 _.rootScope.context['val'] = 'http://www.google.com'; |
| 107 }); |
| 108 |
| 109 expect(model.valid).toEqual(true); |
| 110 expect(model.invalid).toEqual(false); |
| 111 }); |
| 112 }); |
| 113 |
| 114 describe('[type="email"]', () { |
| 115 it('should validate the input field given a valid or invalid email address
', (RootScope scope) { |
| 116 _.compile('<input type="email" ng-model="val" probe="i" />'); |
| 117 Probe probe = _.rootScope.context['i']; |
| 118 var model = probe.directive(NgModel); |
| 119 |
| 120 model.validate(); |
| 121 expect(model.valid).toEqual(true); |
| 122 expect(model.invalid).toEqual(false); |
| 123 |
| 124 _.rootScope.apply(() { |
| 125 _.rootScope.context['val'] = 'matiasatemail.com'; |
| 126 }); |
| 127 |
| 128 model.validate(); |
| 129 expect(model.valid).toEqual(false); |
| 130 expect(model.invalid).toEqual(true); |
| 131 |
| 132 _.rootScope.apply(() { |
| 133 _.rootScope.context['val'] = 'matias@gmail.com'; |
| 134 }); |
| 135 |
| 136 model.validate(); |
| 137 expect(model.valid).toEqual(true); |
| 138 expect(model.invalid).toEqual(false); |
| 139 }); |
| 140 }); |
| 141 |
| 142 describe('[type="number|range"]', () { |
| 143 they('should validate the input field given a valid or invalid number', |
| 144 ['range', 'number'], |
| 145 (type) { |
| 146 |
| 147 _.compile('<input type="$type" ng-model="val" probe="i" />'); |
| 148 Probe probe = _.rootScope.context['i']; |
| 149 var model = probe.directive(NgModel); |
| 150 |
| 151 model.validate(); |
| 152 expect(model.valid).toEqual(true); |
| 153 expect(model.invalid).toEqual(false); |
| 154 |
| 155 _.rootScope.apply(() { |
| 156 _.rootScope.context['val'] = '11'; |
| 157 }); |
| 158 |
| 159 model.validate(); |
| 160 expect(model.valid).toEqual(true); |
| 161 expect(model.invalid).toEqual(false); |
| 162 |
| 163 |
| 164 _.rootScope.apply(() { |
| 165 _.rootScope.context['val'] = 10; |
| 166 }); |
| 167 |
| 168 model.validate(); |
| 169 expect(model.valid).toEqual(true); |
| 170 expect(model.invalid).toEqual(false); |
| 171 |
| 172 _.rootScope.apply(() { |
| 173 _.rootScope.context['val'] = 'twelve'; |
| 174 }); |
| 175 |
| 176 model.validate(); |
| 177 expect(model.valid).toEqual(false); |
| 178 expect(model.invalid).toEqual(true); |
| 179 }); |
| 180 |
| 181 they('should perform a max number validation if a max attribute value is p
resent', |
| 182 ['range', 'number'], |
| 183 (type) { |
| 184 |
| 185 _.compile('<input type="$type" ng-model="val" max="10" probe="i" />'); |
| 186 Probe probe = _.rootScope.context['i']; |
| 187 var model = probe.directive(NgModel); |
| 188 |
| 189 _.rootScope.apply(() { |
| 190 _.rootScope.context['val'] = "8"; |
| 191 }); |
| 192 |
| 193 model.validate(); |
| 194 expect(model.valid).toEqual(true); |
| 195 expect(model.invalid).toEqual(false); |
| 196 expect(model.hasErrorState('ng-max')).toBe(false); |
| 197 |
| 198 _.rootScope.apply(() { |
| 199 _.rootScope.context['val'] = "99"; |
| 200 }); |
| 201 |
| 202 model.validate(); |
| 203 expect(model.valid).toEqual(false); |
| 204 expect(model.invalid).toEqual(true); |
| 205 expect(model.hasErrorState('ng-max')).toBe(true); |
| 206 |
| 207 _.rootScope.apply(() { |
| 208 _.rootScope.context['val'] = "a"; |
| 209 }); |
| 210 |
| 211 model.validate(); |
| 212 expect(model.valid).toEqual(false); |
| 213 expect(model.invalid).toEqual(true); |
| 214 expect(model.hasErrorState('ng-max')).toBe(false); |
| 215 expect(model.hasErrorState('ng-number')).toBe(true); |
| 216 }); |
| 217 |
| 218 they('should perform a max number validation if a ng-max attribute value i
s present and/or changed', |
| 219 ['range', 'number'], |
| 220 (type) { |
| 221 |
| 222 _.compile('<input type="$type" ng-model="val" ng-max="maxVal" probe="i"
/>'); |
| 223 Probe probe = _.rootScope.context['i']; |
| 224 var model = probe.directive(NgModel); |
| 225 |
| 226 //should be valid even when no number is present |
| 227 model.validate(); |
| 228 expect(model.valid).toEqual(true); |
| 229 expect(model.invalid).toEqual(false); |
| 230 expect(model.hasErrorState('ng-max')).toBe(false); |
| 231 |
| 232 _.rootScope.apply(() { |
| 233 _.rootScope.context['val'] = "20"; |
| 234 }); |
| 235 |
| 236 model.validate(); |
| 237 expect(model.valid).toEqual(true); |
| 238 expect(model.invalid).toEqual(false); |
| 239 expect(model.hasErrorState('ng-max')).toBe(false); |
| 240 |
| 241 _.rootScope.apply(() { |
| 242 _.rootScope.context['maxVal'] = "19"; |
| 243 }); |
| 244 |
| 245 model.validate(); |
| 246 expect(model.valid).toEqual(false); |
| 247 expect(model.invalid).toEqual(true); |
| 248 expect(model.hasErrorState('ng-max')).toBe(true); |
| 249 |
| 250 _.rootScope.apply(() { |
| 251 _.rootScope.context['maxVal'] = "22"; |
| 252 }); |
| 253 |
| 254 model.validate(); |
| 255 expect(model.valid).toEqual(true); |
| 256 expect(model.invalid).toEqual(false); |
| 257 expect(model.hasErrorState('ng-max')).toBe(false); |
| 258 }); |
| 259 |
| 260 they('should perform a min number validation if a min attribute value is p
resent', |
| 261 ['range', 'number'], |
| 262 (type) { |
| 263 |
| 264 _.compile('<input type="$type" ng-model="val" min="-10" probe="i" />'); |
| 265 Probe probe = _.rootScope.context['i']; |
| 266 var model = probe.directive(NgModel); |
| 267 |
| 268 _.rootScope.apply(() { |
| 269 _.rootScope.context['val'] = "8"; |
| 270 }); |
| 271 |
| 272 model.validate(); |
| 273 expect(model.valid).toEqual(true); |
| 274 expect(model.invalid).toEqual(false); |
| 275 expect(model.hasErrorState('ng-min')).toBe(false); |
| 276 |
| 277 _.rootScope.apply(() { |
| 278 _.rootScope.context['val'] = "-20"; |
| 279 }); |
| 280 |
| 281 model.validate(); |
| 282 expect(model.valid).toEqual(false); |
| 283 expect(model.invalid).toEqual(true); |
| 284 expect(model.hasErrorState('ng-min')).toBe(true); |
| 285 |
| 286 _.rootScope.apply(() { |
| 287 _.rootScope.context['val'] = "x"; |
| 288 }); |
| 289 |
| 290 model.validate(); |
| 291 expect(model.valid).toEqual(false); |
| 292 expect(model.invalid).toEqual(true); |
| 293 expect(model.hasErrorState('ng-min')).toBe(false); |
| 294 expect(model.hasErrorState('ng-number')).toBe(true); |
| 295 }); |
| 296 |
| 297 they('should perform a min number validation if a ng-min attribute value i
s present and/or changed', |
| 298 ['range', 'number'], |
| 299 (type) { |
| 300 |
| 301 _.compile('<input type="$type" ng-model="val" ng-min="minVal" probe="i"
/>'); |
| 302 Probe probe = _.rootScope.context['i']; |
| 303 var model = probe.directive(NgModel); |
| 304 |
| 305 //should be valid even when no number is present |
| 306 model.validate(); |
| 307 expect(model.valid).toEqual(true); |
| 308 expect(model.invalid).toEqual(false); |
| 309 expect(model.hasErrorState('ng-min')).toBe(false); |
| 310 |
| 311 _.rootScope.apply(() { |
| 312 _.rootScope.context['val'] = "5"; |
| 313 }); |
| 314 |
| 315 model.validate(); |
| 316 expect(model.valid).toEqual(true); |
| 317 expect(model.invalid).toEqual(false); |
| 318 expect(model.hasErrorState('ng-min')).toBe(false); |
| 319 |
| 320 _.rootScope.apply(() { |
| 321 _.rootScope.context['minVal'] = "5.5"; |
| 322 }); |
| 323 |
| 324 model.validate(); |
| 325 expect(model.valid).toEqual(false); |
| 326 expect(model.invalid).toEqual(true); |
| 327 expect(model.hasErrorState('ng-min')).toBe(true); |
| 328 |
| 329 _.rootScope.apply(() { |
| 330 _.rootScope.context['val'] = "5.6"; |
| 331 }); |
| 332 |
| 333 model.validate(); |
| 334 expect(model.valid).toEqual(true); |
| 335 expect(model.invalid).toEqual(false); |
| 336 expect(model.hasErrorState('ng-min')).toBe(false); |
| 337 }); |
| 338 }); |
| 339 |
| 340 describe('pattern', () { |
| 341 it('should validate the input field if a ng-pattern attribute is provided'
, (RootScope scope) { |
| 342 _.compile('<input type="text" ng-pattern="myPattern" ng-model="val" prob
e="i" />'); |
| 343 Probe probe = _.rootScope.context['i']; |
| 344 var model = probe.directive(NgModel); |
| 345 |
| 346 model.validate(); |
| 347 expect(model.valid).toEqual(true); |
| 348 expect(model.invalid).toEqual(false); |
| 349 |
| 350 _.rootScope.apply(() { |
| 351 _.rootScope.context['val'] = "abc"; |
| 352 _.rootScope.context['myPattern'] = "[a-z]+"; |
| 353 }); |
| 354 |
| 355 model.validate(); |
| 356 expect(model.valid).toEqual(true); |
| 357 expect(model.invalid).toEqual(false); |
| 358 |
| 359 _.rootScope.apply(() { |
| 360 _.rootScope.context['val'] = "abc"; |
| 361 _.rootScope.context['myPattern'] = "[0-9]+"; |
| 362 }); |
| 363 |
| 364 model.validate(); |
| 365 expect(model.valid).toEqual(false); |
| 366 expect(model.invalid).toEqual(true); |
| 367 |
| 368 _.rootScope.apply(() { |
| 369 _.rootScope.context['val'] = "123"; |
| 370 _.rootScope.context['myPattern'] = "123"; |
| 371 }); |
| 372 |
| 373 model.validate(); |
| 374 expect(model.valid).toEqual(true); |
| 375 expect(model.invalid).toEqual(false); |
| 376 }); |
| 377 |
| 378 it('should validate the input field if a pattern attribute is provided', (
RootScope scope) { |
| 379 _.compile('<input type="text" pattern="[0-5]+" ng-model="val" probe="i"
/>'); |
| 380 Probe probe = _.rootScope.context['i']; |
| 381 var model = probe.directive(NgModel); |
| 382 |
| 383 model.validate(); |
| 384 expect(model.valid).toEqual(true); |
| 385 expect(model.invalid).toEqual(false); |
| 386 |
| 387 _.rootScope.apply(() { |
| 388 _.rootScope.context['val'] = "abc"; |
| 389 }); |
| 390 |
| 391 model.validate(); |
| 392 expect(model.valid).toEqual(false); |
| 393 expect(model.invalid).toEqual(true); |
| 394 |
| 395 _.rootScope.apply(() { |
| 396 _.rootScope.context['val'] = "012345"; |
| 397 }); |
| 398 |
| 399 model.validate(); |
| 400 expect(model.valid).toEqual(true); |
| 401 expect(model.invalid).toEqual(false); |
| 402 |
| 403 _.rootScope.apply(() { |
| 404 _.rootScope.context['val'] = "6789"; |
| 405 }); |
| 406 |
| 407 model.validate(); |
| 408 expect(model.valid).toEqual(false); |
| 409 expect(model.invalid).toEqual(true); |
| 410 }); |
| 411 }); |
| 412 |
| 413 describe('minlength', () { |
| 414 it('should validate the input field if a minlength attribute is provided',
(RootScope scope) { |
| 415 _.compile('<input type="text" minlength="5" ng-model="val" probe="i" />'
); |
| 416 Probe probe = _.rootScope.context['i']; |
| 417 var model = probe.directive(NgModel); |
| 418 |
| 419 model.validate(); |
| 420 expect(model.valid).toEqual(true); |
| 421 expect(model.invalid).toEqual(false); |
| 422 |
| 423 _.rootScope.apply(() { |
| 424 _.rootScope.context['val'] = "abc"; |
| 425 }); |
| 426 |
| 427 model.validate(); |
| 428 expect(model.valid).toEqual(false); |
| 429 expect(model.invalid).toEqual(true); |
| 430 |
| 431 _.rootScope.apply(() { |
| 432 _.rootScope.context['val'] = "abcdef"; |
| 433 }); |
| 434 |
| 435 model.validate(); |
| 436 expect(model.valid).toEqual(true); |
| 437 expect(model.invalid).toEqual(false); |
| 438 }); |
| 439 |
| 440 it('should validate the input field if a ng-minlength attribute is provide
d', (RootScope scope) { |
| 441 _.compile('<input type="text" ng-minlength="len" ng-model="val" probe="i
" />'); |
| 442 Probe probe = _.rootScope.context['i']; |
| 443 var model = probe.directive(NgModel); |
| 444 |
| 445 model.validate(); |
| 446 expect(model.valid).toEqual(true); |
| 447 expect(model.invalid).toEqual(false); |
| 448 |
| 449 _.rootScope.apply(() { |
| 450 _.rootScope.context['val'] = "abcdef"; |
| 451 _.rootScope.context['len'] = 3; |
| 452 }); |
| 453 |
| 454 model.validate(); |
| 455 expect(model.valid).toEqual(true); |
| 456 expect(model.invalid).toEqual(false); |
| 457 |
| 458 _.rootScope.apply(() { |
| 459 _.rootScope.context['val'] = "abc"; |
| 460 _.rootScope.context['len'] = 5; |
| 461 }); |
| 462 |
| 463 model.validate(); |
| 464 expect(model.valid).toEqual(false); |
| 465 expect(model.invalid).toEqual(true); |
| 466 }); |
| 467 }); |
| 468 |
| 469 describe('maxlength', () { |
| 470 it('should validate the input field if a maxlength attribute is provided',
(RootScope scope) { |
| 471 _.compile('<input type="text" maxlength="5" ng-model="val" probe="i" />'
); |
| 472 Probe probe = _.rootScope.context['i']; |
| 473 var model = probe.directive(NgModel); |
| 474 |
| 475 model.validate(); |
| 476 expect(model.valid).toEqual(true); |
| 477 expect(model.invalid).toEqual(false); |
| 478 |
| 479 _.rootScope.apply(() { |
| 480 _.rootScope.context['val'] = "abcdef"; |
| 481 }); |
| 482 |
| 483 model.validate(); |
| 484 expect(model.valid).toEqual(false); |
| 485 expect(model.invalid).toEqual(true); |
| 486 |
| 487 _.rootScope.apply(() { |
| 488 _.rootScope.context['val'] = "abc"; |
| 489 }); |
| 490 |
| 491 model.validate(); |
| 492 expect(model.valid).toEqual(true); |
| 493 expect(model.invalid).toEqual(false); |
| 494 }); |
| 495 |
| 496 it('should validate the input field if a ng-maxlength attribute is provide
d', (RootScope scope) { |
| 497 _.compile('<input type="text" ng-maxlength="len" ng-model="val" probe="i
" />'); |
| 498 Probe probe = _.rootScope.context['i']; |
| 499 var model = probe.directive(NgModel); |
| 500 |
| 501 model.validate(); |
| 502 expect(model.valid).toEqual(true); |
| 503 expect(model.invalid).toEqual(false); |
| 504 |
| 505 _.rootScope.apply(() { |
| 506 _.rootScope.context['val'] = "abcdef"; |
| 507 _.rootScope.context['len'] = 6; |
| 508 }); |
| 509 |
| 510 model.validate(); |
| 511 expect(model.valid).toEqual(true); |
| 512 expect(model.invalid).toEqual(false); |
| 513 |
| 514 _.rootScope.apply(() { |
| 515 _.rootScope.context['val'] = "abc"; |
| 516 _.rootScope.context['len'] = 1; |
| 517 }); |
| 518 |
| 519 model.validate(); |
| 520 expect(model.valid).toEqual(false); |
| 521 expect(model.invalid).toEqual(true); |
| 522 }); |
| 523 }); |
| 524 |
| 525 describe('when toggled it should properly validate', () { |
| 526 var build, input, scope, model; |
| 527 beforeEach(() { |
| 528 scope = _.rootScope; |
| 529 build = (attr, type) { |
| 530 input = _.compile('<input type="$type" probe="p" ng-model="value" $att
r="attr" />'); |
| 531 model = scope.context['p'].directive(NgModel); |
| 532 }; |
| 533 }); |
| 534 |
| 535 it('ng-required', () { |
| 536 var input = build('ng-required', 'text'); |
| 537 scope.apply(() { |
| 538 scope.context['attr'] = true; |
| 539 scope.context['value'] = ''; |
| 540 }); |
| 541 |
| 542 expect(model.valid).toBe(false); |
| 543 |
| 544 scope.apply(() { |
| 545 scope.context['attr'] = false; |
| 546 }); |
| 547 |
| 548 expect(model.valid).toBe(true); |
| 549 }); |
| 550 |
| 551 it('ng-pattern', () { |
| 552 var input = build('ng-pattern', 'text'); |
| 553 scope.apply(() { |
| 554 scope.context['attr'] = '^\d+\$'; |
| 555 scope.context['value'] = 'abc'; |
| 556 }); |
| 557 |
| 558 expect(model.valid).toBe(false); |
| 559 |
| 560 scope.apply(() { |
| 561 scope.context['attr'] = null; |
| 562 }); |
| 563 |
| 564 expect(model.valid).toBe(true); |
| 565 }); |
| 566 |
| 567 it('ng-minlength', () { |
| 568 var input = build('ng-minlength', 'text'); |
| 569 scope.apply(() { |
| 570 scope.context['attr'] = '10'; |
| 571 scope.context['value'] = 'abc'; |
| 572 }); |
| 573 |
| 574 expect(model.valid).toBe(false); |
| 575 |
| 576 scope.apply(() { |
| 577 scope.context['attr'] = null; |
| 578 }); |
| 579 |
| 580 expect(model.valid).toBe(true); |
| 581 }); |
| 582 |
| 583 it('ng-minlength', () { |
| 584 var input = build('ng-maxlength', 'text'); |
| 585 scope.apply(() { |
| 586 scope.context['attr'] = '3'; |
| 587 scope.context['value'] = 'abcd'; |
| 588 }); |
| 589 |
| 590 expect(model.valid).toBe(false); |
| 591 |
| 592 scope.apply(() { |
| 593 scope.context['attr'] = null; |
| 594 }); |
| 595 |
| 596 expect(model.valid).toBe(true); |
| 597 }); |
| 598 |
| 599 it('ng-min', () { |
| 600 var input = build('ng-min', 'number'); |
| 601 scope.apply(() { |
| 602 scope.context['attr'] = '5.0'; |
| 603 scope.context['value'] = 3; |
| 604 }); |
| 605 |
| 606 expect(model.valid).toBe(false); |
| 607 |
| 608 scope.apply(() { |
| 609 scope.context['attr'] = null; |
| 610 }); |
| 611 |
| 612 expect(model.valid).toBe(true); |
| 613 }); |
| 614 |
| 615 it('ng-max', () { |
| 616 var input = build('ng-max', 'number'); |
| 617 scope.apply(() { |
| 618 scope.context['attr'] = '5.0'; |
| 619 scope.context['value'] = 8; |
| 620 }); |
| 621 |
| 622 expect(model.valid).toBe(false); |
| 623 |
| 624 scope.apply(() { |
| 625 scope.context['attr'] = null; |
| 626 }); |
| 627 |
| 628 expect(model.valid).toBe(true); |
| 629 }); |
| 630 }); |
73 }); | 631 }); |
74 | 632 } |
75 describe('[type="url"]', () { | |
76 it('should validate the input field given a valid or invalid URL', inject((R
ootScope scope) { | |
77 _.compile('<input type="url" ng-model="val" probe="i" />'); | |
78 Probe probe = _.rootScope.context['i']; | |
79 var model = probe.directive(NgModel); | |
80 | |
81 model.validate(); | |
82 expect(model.valid).toEqual(true); | |
83 expect(model.invalid).toEqual(false); | |
84 | |
85 _.rootScope.apply(() { | |
86 _.rootScope.context['val'] = 'googledotcom'; | |
87 }); | |
88 | |
89 model.validate(); | |
90 expect(model.valid).toEqual(false); | |
91 expect(model.invalid).toEqual(true); | |
92 | |
93 _.rootScope.apply(() { | |
94 _.rootScope.context['val'] = 'http://www.google.com'; | |
95 }); | |
96 | |
97 model.validate(); | |
98 expect(model.valid).toEqual(true); | |
99 expect(model.invalid).toEqual(false); | |
100 })); | |
101 }); | |
102 | |
103 describe('[type="email"]', () { | |
104 it('should validate the input field given a valid or invalid email address',
inject((RootScope scope) { | |
105 _.compile('<input type="email" ng-model="val" probe="i" />'); | |
106 Probe probe = _.rootScope.context['i']; | |
107 var model = probe.directive(NgModel); | |
108 | |
109 model.validate(); | |
110 expect(model.valid).toEqual(true); | |
111 expect(model.invalid).toEqual(false); | |
112 | |
113 _.rootScope.apply(() { | |
114 _.rootScope.context['val'] = 'matiasatemail.com'; | |
115 }); | |
116 | |
117 model.validate(); | |
118 expect(model.valid).toEqual(false); | |
119 expect(model.invalid).toEqual(true); | |
120 | |
121 _.rootScope.apply(() { | |
122 _.rootScope.context['val'] = 'matias@gmail.com'; | |
123 }); | |
124 | |
125 model.validate(); | |
126 expect(model.valid).toEqual(true); | |
127 expect(model.invalid).toEqual(false); | |
128 })); | |
129 }); | |
130 | |
131 describe('[type="number"]', () { | |
132 it('should validate the input field given a valid or invalid number', inject
((RootScope scope) { | |
133 _.compile('<input type="number" ng-model="val" probe="i" />'); | |
134 Probe probe = _.rootScope.context['i']; | |
135 var model = probe.directive(NgModel); | |
136 | |
137 model.validate(); | |
138 expect(model.valid).toEqual(true); | |
139 expect(model.invalid).toEqual(false); | |
140 | |
141 _.rootScope.apply(() { | |
142 _.rootScope.context['val'] = '11'; | |
143 }); | |
144 | |
145 model.validate(); | |
146 expect(model.valid).toEqual(true); | |
147 expect(model.invalid).toEqual(false); | |
148 | |
149 | |
150 _.rootScope.apply(() { | |
151 _.rootScope.context['val'] = 10; | |
152 }); | |
153 | |
154 model.validate(); | |
155 expect(model.valid).toEqual(true); | |
156 expect(model.invalid).toEqual(false); | |
157 | |
158 _.rootScope.apply(() { | |
159 _.rootScope.context['val'] = 'twelve'; | |
160 }); | |
161 | |
162 model.validate(); | |
163 expect(model.valid).toEqual(false); | |
164 expect(model.invalid).toEqual(true); | |
165 })); | |
166 }); | |
167 | |
168 describe('pattern', () { | |
169 it('should validate the input field if a ng-pattern attribute is provided',
inject((RootScope scope) { | |
170 _.compile('<input type="text" ng-pattern="myPattern" ng-model="val" probe=
"i" />'); | |
171 Probe probe = _.rootScope.context['i']; | |
172 var model = probe.directive(NgModel); | |
173 | |
174 model.validate(); | |
175 expect(model.valid).toEqual(true); | |
176 expect(model.invalid).toEqual(false); | |
177 | |
178 _.rootScope.apply(() { | |
179 _.rootScope.context['val'] = "abc"; | |
180 _.rootScope.context['myPattern'] = "[a-z]+"; | |
181 }); | |
182 | |
183 model.validate(); | |
184 expect(model.valid).toEqual(true); | |
185 expect(model.invalid).toEqual(false); | |
186 | |
187 _.rootScope.apply(() { | |
188 _.rootScope.context['val'] = "abc"; | |
189 _.rootScope.context['myPattern'] = "[0-9]+"; | |
190 }); | |
191 | |
192 model.validate(); | |
193 expect(model.valid).toEqual(false); | |
194 expect(model.invalid).toEqual(true); | |
195 | |
196 _.rootScope.apply(() { | |
197 _.rootScope.context['val'] = "123"; | |
198 _.rootScope.context['myPattern'] = "123"; | |
199 }); | |
200 | |
201 model.validate(); | |
202 expect(model.valid).toEqual(true); | |
203 expect(model.invalid).toEqual(false); | |
204 })); | |
205 | |
206 it('should validate the input field if a pattern attribute is provided', inj
ect((RootScope scope) { | |
207 _.compile('<input type="text" pattern="[0-5]+" ng-model="val" probe="i" />
'); | |
208 Probe probe = _.rootScope.context['i']; | |
209 var model = probe.directive(NgModel); | |
210 | |
211 model.validate(); | |
212 expect(model.valid).toEqual(true); | |
213 expect(model.invalid).toEqual(false); | |
214 | |
215 _.rootScope.apply(() { | |
216 _.rootScope.context['val'] = "abc"; | |
217 }); | |
218 | |
219 model.validate(); | |
220 expect(model.valid).toEqual(false); | |
221 expect(model.invalid).toEqual(true); | |
222 | |
223 _.rootScope.apply(() { | |
224 _.rootScope.context['val'] = "012345"; | |
225 }); | |
226 | |
227 model.validate(); | |
228 expect(model.valid).toEqual(true); | |
229 expect(model.invalid).toEqual(false); | |
230 | |
231 _.rootScope.apply(() { | |
232 _.rootScope.context['val'] = "6789"; | |
233 }); | |
234 | |
235 model.validate(); | |
236 expect(model.valid).toEqual(false); | |
237 expect(model.invalid).toEqual(true); | |
238 })); | |
239 }); | |
240 | |
241 describe('minlength', () { | |
242 it('should validate the input field if a minlength attribute is provided', i
nject((RootScope scope) { | |
243 _.compile('<input type="text" minlength="5" ng-model="val" probe="i" />'); | |
244 Probe probe = _.rootScope.context['i']; | |
245 var model = probe.directive(NgModel); | |
246 | |
247 model.validate(); | |
248 expect(model.valid).toEqual(true); | |
249 expect(model.invalid).toEqual(false); | |
250 | |
251 _.rootScope.apply(() { | |
252 _.rootScope.context['val'] = "abc"; | |
253 }); | |
254 | |
255 model.validate(); | |
256 expect(model.valid).toEqual(false); | |
257 expect(model.invalid).toEqual(true); | |
258 | |
259 _.rootScope.apply(() { | |
260 _.rootScope.context['val'] = "abcdef"; | |
261 }); | |
262 | |
263 model.validate(); | |
264 expect(model.valid).toEqual(true); | |
265 expect(model.invalid).toEqual(false); | |
266 })); | |
267 | |
268 it('should validate the input field if a ng-minlength attribute is provided'
, inject((RootScope scope) { | |
269 _.compile('<input type="text" ng-minlength="len" ng-model="val" probe="i"
/>'); | |
270 Probe probe = _.rootScope.context['i']; | |
271 var model = probe.directive(NgModel); | |
272 | |
273 model.validate(); | |
274 expect(model.valid).toEqual(true); | |
275 expect(model.invalid).toEqual(false); | |
276 | |
277 _.rootScope.apply(() { | |
278 _.rootScope.context['val'] = "abcdef"; | |
279 _.rootScope.context['len'] = 3; | |
280 }); | |
281 | |
282 model.validate(); | |
283 expect(model.valid).toEqual(true); | |
284 expect(model.invalid).toEqual(false); | |
285 | |
286 _.rootScope.apply(() { | |
287 _.rootScope.context['val'] = "abc"; | |
288 _.rootScope.context['len'] = 5; | |
289 }); | |
290 | |
291 model.validate(); | |
292 expect(model.valid).toEqual(false); | |
293 expect(model.invalid).toEqual(true); | |
294 })); | |
295 }); | |
296 | |
297 describe('maxlength', () { | |
298 it('should validate the input field if a maxlength attribute is provided', i
nject((RootScope scope) { | |
299 _.compile('<input type="text" maxlength="5" ng-model="val" probe="i" />'); | |
300 Probe probe = _.rootScope.context['i']; | |
301 var model = probe.directive(NgModel); | |
302 | |
303 model.validate(); | |
304 expect(model.valid).toEqual(true); | |
305 expect(model.invalid).toEqual(false); | |
306 | |
307 _.rootScope.apply(() { | |
308 _.rootScope.context['val'] = "abcdef"; | |
309 }); | |
310 | |
311 model.validate(); | |
312 expect(model.valid).toEqual(false); | |
313 expect(model.invalid).toEqual(true); | |
314 | |
315 _.rootScope.apply(() { | |
316 _.rootScope.context['val'] = "abc"; | |
317 }); | |
318 | |
319 model.validate(); | |
320 expect(model.valid).toEqual(true); | |
321 expect(model.invalid).toEqual(false); | |
322 })); | |
323 | |
324 it('should validate the input field if a ng-maxlength attribute is provided'
, inject((RootScope scope) { | |
325 _.compile('<input type="text" ng-maxlength="len" ng-model="val" probe="i"
/>'); | |
326 Probe probe = _.rootScope.context['i']; | |
327 var model = probe.directive(NgModel); | |
328 | |
329 model.validate(); | |
330 expect(model.valid).toEqual(true); | |
331 expect(model.invalid).toEqual(false); | |
332 | |
333 _.rootScope.apply(() { | |
334 _.rootScope.context['val'] = "abcdef"; | |
335 _.rootScope.context['len'] = 6; | |
336 }); | |
337 | |
338 model.validate(); | |
339 expect(model.valid).toEqual(true); | |
340 expect(model.invalid).toEqual(false); | |
341 | |
342 _.rootScope.apply(() { | |
343 _.rootScope.context['val'] = "abc"; | |
344 _.rootScope.context['len'] = 1; | |
345 }); | |
346 | |
347 model.validate(); | |
348 expect(model.valid).toEqual(false); | |
349 expect(model.invalid).toEqual(true); | |
350 })); | |
351 }); | |
352 }); | |
OLD | NEW |