Feature: Load / View / Save / Edit Recording

[brandon-bethke-timu]

Load
The user should be able to load an existing recording in yaml format from disk and view the steps.

View
Currently the only way to view the recording steps is during active recording. The user should be able to view a recording that has been loaded. Once an active recording is finished, the ui needs to display the recorded steps instead of immediately generating code. The user should however also have the option of viewing the generated code in the desired format.

Save
The user should be able to save, save as, and load a recording.
Save will save the recording as Yaml
Save As will save the recording as a specific format such as: yaml, cypress, puppeteer.

Edit
It is currently only possible to edit steps during a active recording session.
The view recording screen must allow also allow the user to edit the recording.

Sample Scenario #1
User starts a recording, performs some ui actions, then stops the recording
The user then edits the recording and saves it to disk in yaml format.

Sample Scenario #2
Cypress UI is running
User opens up the donut-recorder
User loads an existing recording from disk in yaml format.
The user makes a small edit to the goto url
The user saves it as cypress code to disk.
Cypress picks up the changes and runs the test.
The user saves the recording to disk in yaml format.

Chrome File System Docs