search

AdaCore / learn

Sources for learn.adacore.com
https://learn.adacore.com
Creative Commons Attribution 4.0 International
93 stars 38 forks source link

Lab test case result view UI improvement #1103

Closed brgaeke closed 1 month ago

brgaeke commented 1 month ago

I witnessed the following with a student:

image

The red arrows point to clickable areas that expand when clicked on, explaining to the student what went wrong (if anything) in each test case. It seems that some people do not realize that the + is a thing they can click on.

The situation is better than in issue 1101, since there is a mouseover visual effect. But it could be that replacing + with "click to see details +" and - with "click to hide -" or something would be more obvious.

Also, the text Lab failed. could be changed to say something like Lab failed. Click test cases below to see details.

gusthoff commented 1 month ago

I agree: despite the mouseover effect, it's not obvious that clicking on specific test cases will display more information. We will come up with improvements to the UI that make this behavior clear.

Thanks for reporting the issue and for the suggestions!

gusthoff commented 1 month ago

We're now using a more visible sign (triangle) with a more prominent color for the accordion element:

Screenshot_2024-09-28_20-02-04

gusthoff commented 1 month ago

The error message has been updated:

Screenshot 2024-09-28_20-31-22

gusthoff commented 1 month ago

Note: these changes will be deployed to the learn website at the end of October.