[QA] Undo / Redo using toolbar icons

[brauliodiez]

Undo / Redo is a functionallity that it can be easy to break accidentally, let's add some e2e tests to ensure it is working fine.

We are going to test Undo / Redo using the toolbar buttons.

Scenario 1

• Start QuickMock
• Click on start designing
• Add an input shape
• Click on the toolbar undo button
• Canvas should contain no shapes
• Click on the redo button
• Canvas should contain the shape again

Scenario 2

• Start QuickMock
• Click on start designing
• Add an input shape
• Add a combo shape
• Click on the toolbar undo button
• Canvas should contain only an input shape
• Click on the redo button
• Canvas should contain the two shapes again

Scenario 3

• Start QuickMock
• Click on start designing
• Add an input shape
• Start inline editing and enter Hello
• Click on the toolbar undo button
• Canvas should contain an input shape with the text "Hello"
• Click on the redo button
• Canvas should contain the shape but with the original text

Scenario 4

• Start QuickMock
• Click on start designing
• Add an input shape
• Drag it 100px to the right
• Click on Undo
• Shape should be in the sample place

Scenario 5:

• Start quickMock
• Drag and drop:
  • an Input
  • a dropdown
  • an Accordion
• Click on undo button three times, there should be no items in the canvas
• Click on redo button three times, the three shapes should be displayed again