Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visually highlight the focused spec when navigating via the keyboard #2273

Merged
merged 2 commits into from Oct 31, 2018
Merged

Visually highlight the focused spec when navigating via the keyboard #2273

merged 2 commits into from Oct 31, 2018

Conversation

richdouglasevans
Copy link
Contributor

Visually highlight the focused spec when navigating via the keyboard

When navigating through the specs using the {tab} key there was no visual feedback about which spec was currently focused. With this change you get the same visual feedback as you do when hovering over a spec with the mouse.

Noticed while prepping for #248, specifically this comment:

"[Evaluate] the keyboard-friendliness of the UI. Is it easy to tab through various UI elements?"

Before

It's not obvious from this screenshot but the second spec fixtures_spec.coffee is focused and will run if you hit {enter}.

After

It's immediately obvious that the second spec is focused. Hitting {enter} will run the spec.

Tests?

Where are the tests to prove that your change works?

Uhh... 馃槼 馃槹 This team asks the hard questions 馃槃

There's no {tab} support yet: see #299. I did look at specs_list_spec.coffee but yeah, without explicit support for {tab} I wasn't seeing a straightforward way through to testing this. If there is then I'm listening.

When navigating through the specs using the `{tab}` key there was no visual feedback about which spec was currently focused. With this change you get the same visual feedback as you do when hovering over a spec with the mouse.
@CLAassistant
Copy link

CLAassistant commented Aug 5, 2018

CLA assistant check
All committers have signed the CLA.

@jennifer-shehane
Copy link
Member

Oh boy, yeah - I'll have to manually test this. There may be some hacky tab support I could work in.

Copy link
Member

@jennifer-shehane jennifer-shehane left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Manually tested - does have better keyboard focus support. 馃憤

@mleeson
Copy link

mleeson commented Oct 29, 2018

Any updates on this being implemented?

@brian-mann brian-mann added this to the Sprint 9 milestone Oct 31, 2018
@brian-mann brian-mann merged commit 759715f into cypress-io:develop Oct 31, 2018
@richdouglasevans richdouglasevans deleted the viz-tabbing-specs branch October 31, 2018 21:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants