Area 1

Area 2

Manual Test: Share a project w/ Vimeo video

This test makes sure that projects using Vimeo media can be shared.

Steps to Follow:

  1. Wait for page to load, make sure HTML5 video is displayed on page
  2. Hover mouse over "Edit source..." area on HTML5 video (top-left corner)
  3. Enter the following Vimeo URL: http://vimeo.com/25107077
  4. Click the "Save" button in the source editor
  5. Wait for the Vimeo video to load
  6. Drag the "text" plugin from My Events (lower right) into the "area 1" div
  7. In the dialogue that appears in the tray, enter arbitrary text
  8. Click "done" to create the event
  9. Drag the "image" plugin from My Events (lower right) into the "area 2" div
  10. In the dialogue that appears in the tray, paste this URL http://mozillapopcorn.org/wp-content/uploads/2011/11/icon_popcorn_js-150x150.png into the source URL field
  11. Log in via browser id (click the login/sign up button in top right corner)
  12. When prompted, give the project a name
  13. Click the "share" button
  14. Visit the provided link
  15. Watch to make sure it matches your work
  16. Delete the image event
  17. Click the share button again
  18. Watch to make sure this event has dissapeared

Expected Result

You should be able to change the media to a Vimeo URL, log in to browser ID, save your work, and share it. The shared work should exactly match what you created in Butter, including image paths and styles. When you delete one of the events, they should no longer appear in the new export.