Web Automation Basics with Bleep Work

Introduction

• Lesson on basics of web automation using Bleep Work
• Objective: Build a small web automation flow

Automation Flow Example

• Open browser and navigate to Deep Web FEMA website
• Click login button, fill in credentials, verify login success

Getting Started with Bleep Work

• Organize flows in folders
• Add new flow to an existing tutorial folder
• Name the flow, e.g., "Lesson 1"
• Flows are made up of building blocks designed on the canvas

Design Canvas and Building Blocks

• Start with the "Start" building block
• Zoom and pan using buttons on the lower right
• Connectors link building blocks, driving execution

Adding Building Blocks

• Start with the "Start Web Browser" building block
• Use Chrome and specify the URL (Depot Demo)
• Add "Click Web Element" block to click the login button
  • Use capture mode to select the element
  • Element identified by unique properties (ID, name)

Running and Debugging the Flow

• Preview run: Get video recording and activity log
• Verify flow by watching orange border around blocks in video
• If flow fails, analyze log entries

Inserting Text and Handling Login

• Add "Type Web Text" block for username
• Capture email field and insert email address
• Use the same browser instance for verification
• Add another "Type Web Text" block for the password
  • Expand block to hide password (dots instead of text)

Finalizing the Login Flow

• Use another "Click Web Element" block for the login button
• Verify login success by looking for a confirmation message or user name
• Add "Find Web Element" block to confirm login success

Ensuring Success

• Add "Pass" block to mark flow as successful
• Flow ends in failure if it doesn't reach the Pass block

Conclusion

• Basic automation flow covered: building blocks, connectors
• Key blocks: Start Web Browser, Click, Type Text, Find Web Element, Pass
• Tools for verification: run from here, recorded video, activity log
• Debugging made easy with highlighting of active blocks