Your cloud coding environment

View plans

website feature/loginCloud workspace

Add email validation to the sign-in form and cover it with tests.

Execution details

Claude

Add validation to the existing form without changing its styling.

Review the form and existing tests

Update LoginForm.tsx

Add tests and summarize the changes

Changes are complete and ready for review.

src/LoginForm.tsx +8 −2

  function validateEmail(value) {−   return value.length > 0;+   return EMAIL_PATTERN.test(value);  } + if (!validateEmail(email)) {+   setError('Please enter a valid email address.');+   return;+ }

You review before committing.

Project testsnpm run test

Valid email addresses pass validation

Invalid formats show a validation message

Empty input keeps the existing validation message

3 tests passed LoginForm.test.tsx

Cloud workspaceFiles · Terminal · Git

Interface illustration. Available features depend on your workspace and instance status.

Tool setup and maintenance

We handle tool installation, dependencies and maintenance. Once your environment is ready, write code, edit files and run tests in your browser.

Saving projects and history

Code, conversations and task history stay with the workspace so you can return to your project. Confirm retention and recovery arrangements before activation.

Usage and support

Support

Started tasks can continue while the environment is running. Actions requiring permission wait for your approval.

We help investigate environment and account issues. Accounts may still be restricted, and interrupted processes are not guaranteed to recover automatically.

The monthly fee covers your subscription and cloud environment.

View plans