Showing posts with label help. Show all posts
Showing posts with label help. Show all posts

the test page




  • click it to run your tests
  • the stdout or stderr file opens and display the results
  • a new right-most traffic-light appears

Click any traffic-light to open the history view
red - the tests ran but one or more failed.
amber - the tests did not run, eg syntax error.
green - the tests ran and all passed.
the tests did not complete in 15 seconds. Accidentally coded an infinite loop? Too many concurrent cyber-dojos? Lost your network connection?
the total number of traffic-lights (in the most recent traffic light's colour).
your animal, if you are in a group practice.

keyboard shortcuts

  • Alt-O toggles through the editor tabs
  • Alt-J cycles downwards through the filenames
  • Alt-K cycles upwards through the filenames
  • Alt-T runs the tests

Here a full list of shorcuts. Some useful ones for seach are replace are:

Start searching == Ctrl-F / Cmd-F
Find next == Ctrl-G / Cmd-G
Find previous == Shift-Ctrl-G / Shift-Cmd-G
Replace == Shift-Ctrl-F / Cmd-Option-F
Replace all == Shift-Ctrl-R / Shift-Cmd-Option-F
Jump to line == Alt-G


the history page

Hovering over a traffic-light shows its diff summary in a tool-tip.
Clicking on a traffic-light opens the history-view.
For example, this is the history-view for heron's 32nd traffic light.


avatar navigator


Moves you to different animals. Only visible in a group exercise.
  • the left-arrow moves to the previous animal.
  • the right-arrow moves to the next animal.
  • when the diff checkbox is checked, moving to another animal moves to their first traffic-light.
  • when the diff checkbox is unchecked, moving to another animal moves to their last traffic-light.


traffic-light navigator


Moves you forward and backward through the traffic-lights.
  • the small left-arrow moves to the first traffic-light.
  • the larger left-arrow moves to the previous traffic-light.
  • the current traffic-light in the current colour (eg 32 green).
  • the larger right-arrow moves to the next traffic-light.
  • the smaller right-arrow moves to the last traffic-light.


traffic lights


The scrollable traffic-light sequence.
  • hover over each traffic-light to show its diff summary in a tool-tip.
  • click on any traffic-light to navigate directly to it.
  • the current traffic-light is marked with an underbar.


file name


The currently selected filename.
  • the number of lines deleted, in red (click to hide/view toggle).
  • the number of lines added, in green (click to hide/view toggle).
  • the filename (click it to auto-scroll its next diff-chunk into view).


file content


The currently selected file.
  • deleted lines are in light red, there is a - next to the line-number.
  • added lines are in light green, there is a + next to the line-number.


forking


The fork button.
  • creates a brand new exercise, with its own 6-character id.
  • the new exercise's starting files will be copied from the currently displayed traffic light.
  • a dialog box will ask whether you want an individual exercise or a group exercise.


checking out


The checkout button.
  • checks out (as in git checkout) the files in the currently displayed traffic light, and submits them for test.
  • not available from a dashboard review.




the dashboard page



Each row corresponds to one avatar and displays, from left to right:
the avatar. Click to open a history page in non-diff mode showing their current code.
a pie-chart indicating the total number of red,amber,green traffic-lights so far.
total number of traffic-lights (in the most recent traffic light's colour). Click to open the history view in non-diff mode showing the animals current code.
oldest-to-newest traffic-lights. Click on any traffic-light to open a history view showing the diff for that traffic-light for that animal.

  • when checked the dashboard auto-refreshes every ten seconds.
  • turn auto-refresh on during the coding.
  • turn auto-refresh off during the review.

  • when unchecked the traffic-lights of different animals are not vertically time-aligned.
  • when checked each vertical column corresponds to one minute and contains all the traffic-lights created by all the animals in that one minute.
  • if no animals press their button during one minute the column will contain no traffic-lights at all (instead it will contain a single dot and be very thin).


If available, displays slightly more information about the most recent non-amber traffic-light of each animal, usually the number of passing and failing tests.



cyber-dojo traffic lights


Press and stdout+stderr+status are displayed in the output tab, and you get a new traffic-light.
Each traffic-light is coloured:
  • red if the tests ran but one or more failed.
  • amber if the tests did not run, eg syntax error.
  • green if the tests ran and all passed.
  • if the tests did not complete in ~10 seconds.

If test-prediction is enabled (click the cog/gear icon to open the settings dialog), traffic-lights look like this:
  • correct prediction (of green).
  • incorrect prediction (of red or amber).
  • auto-revert (back to green).

Click any traffic-light to open the history page showing:
  • diffs for any traffic-light's files, for any animal.
  • a button to checkout (git checkout) the files from any traffic light.
  • a button to fork a new exercise from any traffic light's files.