Cypress: Reverse screenshot order in dashboard

[dcastil]

Current behavior:

In the dashboard, the output and failures are sorted in chronological order, whereas the screenshots are sorted in reverse chronological order. This makes it unnecessarily hard to find the correspondent screenshot for a specific failure.

Desired behavior:

The screenshots should be sorted in the same way as the other tabs of a build to keep everything visually consistent and fast to browse through. Optimally they would have the number of the correspondent failure in the output.

Steps to reproduce:

Run failing test on CI and look at the build in the Cypress dashboard

Versions

Cypress v2.1.0
Chrome v65
Mac OS v10.13.4

[brian-mann]

@jennifer-shehane and @bahmutov can you look at this please?

[jennifer-shehane]

Yes. I noticed this when working on our 3.0 release and requested that the api reverse the order, but it was pushed back as a decision for the front-end.

I can go ahead and reverse the order in the dashboard and get a quick fix out hopefully today. https://github.com/cypress-io/cypress-dashboard/issues/665

[bahmutov]

yeah, once 3.0 comes out, the screenshot order should be correct per spec / test

[jennifer-shehane]

Got a PR open for this https://github.com/cypress-io/cypress-dashboard/pull/666

[jennifer-shehane]

This should be fixed now.

[dcastil]

Now when I switch between the tabs, the order of the screenshots changes. So when I am on the page of a CI build in the Cypress dashboard and click on "Screenshots", they are ordered in chronological order. But when I click on "Output" and then "Screenshots" again, the screenshots are in reversed chronological order. 😄

[jennifer-shehane]

Oh no. Yeah, I can see how this is happening.

[jennifer-shehane]

K, this should really be fixed now. I added a test around switching tabs and manually checked it to make sure.