File tree Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Original file line number Diff line number Diff line change @@ -147,5 +147,26 @@ describe('combobox-nav', function() {
147
147
assert . equal ( options [ 0 ] . getAttribute ( 'aria-selected' ) , 'false' )
148
148
assert . equal ( input . hasAttribute ( 'aria-activedescendant' ) , false )
149
149
} )
150
+
151
+ it ( 'scrolls when the selected item is not in view' , function ( ) {
152
+ const input = document . querySelector ( 'input' )
153
+ const list = document . querySelector ( 'ul' )
154
+ list . style . overflow = 'auto'
155
+ list . style . height = '18px'
156
+ list . style . position = 'relative'
157
+ const options = document . querySelectorAll ( 'li' )
158
+ assert . equal ( list . scrollTop , 0 )
159
+
160
+ press ( input , 'ArrowDown' )
161
+ assert . equal ( options [ 0 ] . getAttribute ( 'aria-selected' ) , 'true' )
162
+ assert . equal ( input . getAttribute ( 'aria-activedescendant' ) , 'baymax' )
163
+ assert . equal ( list . scrollTop , 0 )
164
+
165
+ press ( input , 'ArrowDown' )
166
+
167
+ assert . equal ( options [ 2 ] . getAttribute ( 'aria-selected' ) , 'true' )
168
+ assert . equal ( input . getAttribute ( 'aria-activedescendant' ) , 'hubot' )
169
+ assert . equal ( list . scrollTop , 36 )
170
+ } )
150
171
} )
151
172
} )
You can’t perform that action at this time.
0 commit comments