Extend test to submit form

Author: rowanseymour

test/main.js

@@ -31,10 +31,90 @@ const puppeteer = require('puppeteer');
             throw new Error('Signup form not found');
         }
 
-        console.log('✓ Test passed successfully!');
+        // Fill out the signup form
+        console.log('Filling out signup form...');
+
+        // Generate test data
+        const testData = {
+            email: `test${Date.now()}@example.com`,
+            password: 'TestPassword123!',
+            firstName: 'Test',
+            lastName: 'User',
+            organization: 'Test Organization'
+        };
+
+        // Fill out the specific RapidPro signup form fields
+        const firstNameField = await page.$('#id_first_name');
+        if (firstNameField) {
+            await firstNameField.type(testData.firstName);
+            console.log('✓ First name field filled');
+        } else {
+            throw new Error('First name field not found');
+        }
+
+        const lastNameField = await page.$('#id_last_name');
+        if (lastNameField) {
+            await lastNameField.type(testData.lastName);
+            console.log('✓ Last name field filled');
+        } else {
+            throw new Error('Last name field not found');
+        }
+
+        const emailField = await page.$('#id_email');
+        if (emailField) {
+            await emailField.type(testData.email);
+            console.log('✓ Email field filled');
+        } else {
+            throw new Error('Email field not found');
+        }
+
+        const passwordField = await page.$('#id_password1');
+        if (passwordField) {
+            await passwordField.type(testData.password);
+            console.log('✓ Password field filled');
+        } else {
+            throw new Error('Password field not found');
+        }
+
+        const workspaceField = await page.$('#id_workspace');
+        if (workspaceField) {
+            // Clear any placeholder text first
+            await workspaceField.click({ clickCount: 3 });
+            await workspaceField.type(testData.organization);
+            console.log('✓ Workspace field filled');
+        } else {
+            throw new Error('Workspace field not found');
+        }
+
+        // Submit the form using the "Sign Up" button
+        console.log('Submitting signup form...');
+
+        const submitButton = await page.$('button[type="submit"], input[type="submit"], button:contains("Sign Up")');
+        if (submitButton) {
+            await submitButton.click();
+            console.log('✓ Sign Up button clicked');
+        } else {
+            // Fallback: submit the form directly
+            await signupForm.evaluate(form => form.submit());
+            console.log('✓ Form submitted directly');
+        }
+
+        // Wait for navigation or response
+        await page.waitForNavigation({ waitUntil: 'networkidle2', timeout: 10000 });
+
+        console.log('✓ Signup form test completed successfully!');
 
     } catch (error) {
         console.error('✗ Test failed:', error.message);
+
+        // Try to capture a screenshot for debugging
+        try {
+            await page.screenshot({ path: 'test-failure.png', fullPage: true });
+            console.log('Screenshot saved as test-failure.png');
+        } catch (screenshotError) {
+            console.log('Could not save screenshot');
+        }
+
         process.exit(1);
     } finally {
         await browser.close();