[e2e] add user registration tests

Author: NiloCK

cypress/e2e/user-registration.cy.js

@@ -0,0 +1,84 @@
+// vue-skuilder/cypress/e2e/user-registration.cy.js
+describe('User Registration', () => {
+  it('should allow a new user to register', () => {
+    // Generate a unique username using timestamp to avoid conflicts
+    cy.registerUser().then((username) => {
+      // Wait for the registration process to complete
+      // You may need to adjust the assertion based on what indicates successful registration in your app
+      cy.url().should('include', `/u/${username}/new`);
+
+      // Additional assertions to verify that the user is logged in
+      // For example, check if a profile element or welcome message is visible
+      cy.contains(`Welcome, ${username}`).should('be.visible');
+
+      // Navigate to the home page and verify that the user's username is displayed
+      cy.visit('/');
+      cy.reload();
+      cy.contains('.v-chip', username);
+    });
+  });
+
+  it('should prevent registration with an existing username', () => {
+    cy.visit('/');
+    cy.contains('Sign Up').click();
+
+    // Use a username that you know already exists
+    const existingUsername = 'Colin'; // Replace with a username that exists in your system
+    const password = 'password123';
+
+    // Fill out the registration form with an existing username
+    cy.get('input[name="username"]').type(existingUsername);
+    cy.get('input[name="password"]').type(password);
+    cy.get('input[name="retypedPassword"]').type(password);
+
+    // Submit the form
+    cy.contains('button', 'Create Account').click();
+
+    // Assert that an error message is displayed
+    cy.contains('The name ' + existingUsername + ' is taken!').should('be.visible');
+
+    // Assert that we're still on the registration page
+    cy.url().should('not.include', `/u/${existingUsername}`);
+  });
+
+  it('should validate that passwords match', () => {
+    cy.visit('/');
+    cy.contains('Sign Up').click();
+
+    const username = `testuser${Date.now()}`;
+    const password = 'password123';
+    const differentPassword = 'different123';
+
+    // Fill out the form with non-matching passwords
+    cy.get('input[name="username"]').type(username);
+    cy.get('input[name="password"]').type(password);
+    cy.get('input[name="retypedPassword"]').type(differentPassword);
+
+    // Submit the form
+    cy.contains('button', 'Create Account').click();
+
+    // Assert that we're still on the registration page
+    cy.url().should('not.include', `/u/${username}`);
+
+    // Assert that an error message about password mismatch is displayed
+    cy.contains('Passwords do not match').should('be.visible');
+  });
+
+  it('should not render Signup form if logged in', () => {
+    cy.registerUser().then(() => {
+      cy.visit('/signup');
+      cy.url().should('include', '/signup');
+
+      // Check that the signup form is not displayed
+      cy.get('input[name="username"]').should('not.exist');
+      cy.get('input[name="password"]').should('not.exist');
+      cy.get('input[name="retypedPassword"]').should('not.exist');
+
+      // Alternative approach - check for any input field
+      cy.get('form input').should('not.exist');
+
+      // Check that some logged-in state indicator is present instead
+      cy.contains('Already logged in').should('be.visible');
+    });
+  });
+});