File tree 1 file changed +19
-0
lines changed
src/components/modal/__tests__
1 file changed +19
-0
lines changed Original file line number Diff line number Diff line change @@ -75,6 +75,12 @@ describe('Modal', () => {
75
75
'custom-modal-content'
76
76
) ;
77
77
78
+ // Content style
79
+ rerender ( < Modal is_open content_style = { { backgroundColor : 'red' } } /> ) ;
80
+ expect ( document . body . querySelector ( '.modal-content' ) ) . toHaveStyle ( {
81
+ backgroundColor : 'red'
82
+ } ) ;
83
+
78
84
// Backdrop class name
79
85
rerender ( < Modal is_open backdrop_class_name = "custom-modal-backdrop" /> ) ;
80
86
expect ( document . body . querySelector ( '.modal-backdrop' ) ) . toHaveClass (
@@ -87,6 +93,19 @@ describe('Modal', () => {
87
93
'custom-modal-dialog'
88
94
) ;
89
95
96
+ // Dialog style
97
+ rerender (
98
+ < Modal
99
+ is_open
100
+ dialog_style = { { position : 'absolute' , top : '10px' , left : '10px' } }
101
+ />
102
+ ) ;
103
+ expect ( document . body . querySelector ( '.modal-dialog' ) ) . toHaveStyle ( {
104
+ position : 'absolute' ,
105
+ top : '10px' ,
106
+ left : '10px'
107
+ } ) ;
108
+
90
109
// Modal class name
91
110
rerender ( < Modal is_open modal_class_name = "custom-modal-class" /> ) ;
92
111
expect ( document . body . querySelector ( '.modal' ) ) . toHaveClass (
You can’t perform that action at this time.
0 commit comments