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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wrap scenario and step names in UI #3947

Closed
pburkindine opened this issue Apr 11, 2019 · 10 comments
Closed

Wrap scenario and step names in UI #3947

pburkindine opened this issue Apr 11, 2019 · 10 comments

Comments

@pburkindine
Copy link

@pburkindine pburkindine commented Apr 11, 2019

Current behavior:

Scenario and step names are truncated with an ellipsis in the UI, making it difficult to tell at a glance what is failing and not.

Desired behavior:

Names should wrap to the next line.

@pburkindine
Copy link
Author

@pburkindine pburkindine commented Apr 11, 2019

SS 2019-04-11 at 6 52 23 PM

@jennifer-shehane
Copy link
Member

@jennifer-shehane jennifer-shehane commented Apr 18, 2019

@coderwurst
Copy link
Contributor

@coderwurst coderwurst commented May 24, 2019

Hi! Am I understanding this correctly, that the following is the desired effect:�

image

@coderwurst
Copy link
Contributor

@coderwurst coderwurst commented May 30, 2019

cool - I'm on it https://github.com/coderwurst/cypress/tree/issue-3947

I haven't managed to get the tests fully up and running locally to ensure there are no unwanted effects with very long error names, I'll get some time at the weekend to get another look!

@brian-mann
Copy link
Member

@brian-mann brian-mann commented Jun 12, 2019

@Bkucera @chrisbreiding @flotwig @bahmutov what are your thoughts on this?

@chrisbreiding
Copy link
Contributor

@chrisbreiding chrisbreiding commented Jun 12, 2019

Looks good to me. Here's a screenshot of it in action:

Screen Shot 2019-06-12 at 1 26 41 PM

@Bkucera
Copy link
Member

@Bkucera Bkucera commented Jun 12, 2019

I like it, but maybe we could hide title names at a certain minimal width, so you dont get the:

✔️
d
i
s
p
l
a
y
s

e
m
p
t
y

e

@coderwurst
Copy link
Contributor

@coderwurst coderwurst commented Jun 14, 2019

@Bkucera just the title names and leave the ticks visible?

Alternative Idea - could we set the area to have a mid-width of x pixels, so that single words are still readable?

@cypress-bot
Copy link

@cypress-bot cypress-bot bot commented Jun 19, 2019

The code for this is done in cypress-io/cypress#4428, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

@cypress-bot
Copy link

@cypress-bot cypress-bot bot commented Jun 27, 2019

Released in 3.3.2.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

6 participants