Automation lab Aú Audio & Media (MEDIA_AUDIO)

Lab 084: Render audio waveform on canvas

Practice render audio waveform on canvas in a real web app context as part of the Audio & Media module.

advanced advanced
advanced

Objectives

Use for test scripts
  • Understand the purpose and business flow of render audio waveform on canvas.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Audio & Media / media / advanced / active

Render audio waveform on canvas

Draw a mock waveform on canvas and allow regeneration.

Reading and understanding requirements Choosing stable locators Designing assertions based on business rules

Learning objectives

  • Render waveform data onto canvas.
  • Allow regenerate to produce new waveform.
  • Expose status text for automation.

Steps

  1. Click render to draw waveform.
  2. Click regenerate to redraw with different pattern.
  3. Verify canvas content and status.

Idle

Assertions to practice

  • Canvas not empty after render.
  • Status shows last action.
  • Regenerate redraws waveform.