Test it, then build it

Software Development with Cursor

Francesca Donadoni

AI Curriculum Manager, DataCamp

Test-Driven Development (TDD)

Test-Driven Development (TDD)

• Cursor can get confused with vague instructions

• Test-Driven Development helps solve that by defining clear rules

Adding more tests

$$

• 🖥 Does the navigation bar render correctly?

$$

• 🗂 Are your project cards showing?

$$

• 🌐 Do links open in new tabs?

Cursor browser for real testing

• Cursor opens the app, sees how it looks, clicks buttons, and checks for real-world issues
• We can either connect it to Cursor's built-in browser or any external browser

Visual testing with images

Bringing it all together

$$

• 🎯 Define clear goals with tests

$$

• ⚙️ Let Cursor build toward them

$$

• 👩‍💻 Visually check results in the Browser

Let's practice!

Software Development with Cursor