This module is an example agent that compares two branches in git for a UI change and creates a Cypress test to cover the change. It can run anywhere with its own containerized runtime and automatic caching thanks to Dagger. I chose to implement this in the Dagger TypeScript SDK, but you can use any of the SDKs (e.g. Python, Go, PHP, Java, Elixir, ...) and even mix and match modules built by the Community (see https://daggerverse.dev). This demo relies on an experimental pre-release of Dagger with support for plugging micro-agent implementations into LLM "brains".

Check out the longer demo here.

https://docs.dagger.io/ai-agents#initial-setup

note: use ENV_VARs or the .env file to store your LLM key or a Dagger Secrets reference to it. The included example points to a sample 1Password secret reference.

dagger -m github.com/jpadams/cypress-test-writer -c 'cypress-test-update | terminal'

git clone https://github.com/jpadams/cypress-test-writer
cd cypress-test-writer

dagger

cypress-test-update

note: this will use defaults to run cypress-test-update --project https://github.com/jpadams/hello-dagger-ts --base main --feature green

note: my example Vue app above is modeled after the Dagger for CI Quickstart and has main and green branches to fit the example.

cypress-test-update | terminal

note: Increase verbosity to 2 or 3 (+ in TUI) and/or view in Dagger Cloud web UI (w in TUI) for best results

• run tests yourself in the terminal: npm run test:e2e
• in hello-dagger-ts/ get on the green branch and run git diff main; this diff is what is used to build the new test
• check out the prompt.txt in cypress-test-update/
• Note that in https://github.com/jpadams/hello-dagger-ts a dagger.json is present. The app is Daggerized! In the directory try fun things like: dagger shell -c 'build | up' (Dagger implementation inside of .dagger/src/index.ts)

• I am not really a TypeScript dev, so there are likely much better ways to do certain things 😁
• I changed from a convoluted way of running tests to binding a simple Dagger Service to the Cypress container and running Cypress normally: npm run test:e2e

• Re-record the gif/video