1
1
import { moduleForComponent , test } from 'ember-qunit' ;
2
2
import hbs from 'htmlbars-inline-precompile' ;
3
- import { fillIn , find , triggerEvent } from 'ember-native-dom-helpers/test-support/helpers ' ;
3
+ import { fillIn , find , triggerEvent } from 'ember-native-dom-helpers' ;
4
4
5
5
moduleForComponent ( 'input-mask' , 'Integration | Component | input-mask' , {
6
6
integration : true
7
7
} ) ;
8
8
9
9
test ( 'regex with invalid value' , function ( assert ) {
10
10
this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='regex'
11
- pattern='you_can_only_type_thi[s]+ '}}` ) ;
12
- fillIn ( 'input' , 'test ' ) ;
11
+ pattern='[a-z]+ is [0-9]* '}}` ) ;
12
+ fillIn ( 'input' , '42 ' ) ;
13
13
triggerEvent ( 'input' , 'blur' ) ;
14
14
assert . equal ( find ( 'input' ) . value , '' ) ;
15
15
assert . equal ( this . unmaskedValue , '' ) ;
16
16
} ) ;
17
17
18
18
test ( 'regex with valid value' , function ( assert ) {
19
19
this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='regex'
20
- pattern='you_can_only_type_thi[s]+ '}}` ) ;
21
- fillIn ( 'input' , 'you_can_only_type_this ' ) ;
20
+ pattern='[a-z]+ is [0-9]* '}}` ) ;
21
+ fillIn ( 'input' , 'answer is 42 ' ) ;
22
22
triggerEvent ( 'input' , 'blur' ) ;
23
- assert . equal ( find ( 'input' ) . value , 'you_can_only_type_this ' ) ;
24
- assert . equal ( this . unmaskedValue , 'you_can_only_type_this ' ) ;
23
+ assert . equal ( find ( 'input' ) . value , 'answer is 42 ' ) ;
24
+ assert . equal ( this . unmaskedValue , 'answer42 ' ) ;
25
25
} ) ;
26
26
27
27
test ( 'regex with another valid value' , function ( assert ) {
28
28
this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='regex'
29
- pattern='you_can_only_type_thi[s]+ '}}` ) ;
30
- fillIn ( 'input' , 'you_can_only_type_thisssss ' ) ;
29
+ pattern='[a-z]+ is [0-9]* '}}` ) ;
30
+ fillIn ( 'input' , 'question is ? ' ) ;
31
31
triggerEvent ( 'input' , 'blur' ) ;
32
- assert . equal ( find ( 'input' ) . value , 'you_can_only_type_thisssss ' ) ;
33
- assert . equal ( this . unmaskedValue , 'you_can_only_type_thisssss ' ) ;
32
+ assert . equal ( find ( 'input' ) . value , 'question is ' ) ;
33
+ assert . equal ( this . unmaskedValue , 'question ' ) ;
34
34
} ) ;
35
35
36
36
test ( 'showMaskOnHover=true (default) works' , function ( assert ) {
@@ -49,14 +49,16 @@ test('showMaskOnHover=false works', function(assert) {
49
49
} ) ;
50
50
51
51
test ( 'showMaskOnFocus=true (default) works' , function ( assert ) {
52
- this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='9-9+9'}}` ) ;
52
+ this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='9-9+9'
53
+ showMaskOnHover=false}}` ) ;
53
54
triggerEvent ( 'input' , 'focus' ) ;
54
55
assert . equal ( find ( 'input' ) . value , '_-_+_' ) ;
55
56
} ) ;
56
57
57
58
test ( 'showMaskOnFocus=false works' , function ( assert ) {
58
59
this . render ( hbs `{{input-mask unmaskedValue=unmaskedValue mask='9-9+9'
59
- showMaskOnFocus=false}}` ) ;
60
+ showMaskOnFocus=false showMaskOnHover=false}}` ) ;
61
+ triggerEvent ( 'input' , 'mouseenter' ) ;
60
62
triggerEvent ( 'input' , 'focus' ) ;
61
63
assert . equal ( find ( 'input' ) . value , '' ) ;
62
64
} ) ;
0 commit comments