[wip] work toward contennt-authoring e2e tests

Author: NiloCK

packages/platform-ui/cypress/e2e/add-content.cy.js

@@ -0,0 +1,51 @@
+// platform-ui/cypress/e2e/add-content.cy.js
+describe('Content Authoring', () => {
+  let username;
+  const courseName = `Content Test Course ${Math.floor(Math.random() * 10000)}`;
+  const courseDescription = 'This course is for testing content creation functionality';
+
+  Cypress.on('uncaught:exception', (err, runnable) => {
+    // returning false here prevents Cypress from
+    // failing the test
+    return false;
+  });
+
+  it('should allow a user to create and navigate to a course for adding content', () => {
+    // Register a new user
+    cy.registerUser().then((user) => {
+      username = user;
+      // Wait for registration to complete and redirect
+      cy.url().should('include', `/u/${username}/new`);
+
+      // Navigate to the quilts (courses) page
+      cy.visit('/quilts');
+
+      // Create a new course
+      cy.get('[data-cy="create-course-fab"]').click();
+      cy.get('[data-cy="course-name-input"]').type(courseName);
+      cy.get('[data-cy="course-description-input"]').type(courseDescription);
+      cy.get('[data-cy="private-radio"]').click(); // Create as private course initially
+      cy.get('[data-cy="save-course-button"]').click();
+
+      // Wait for creation to complete and dialog to close
+      cy.wait(1000);
+
+      cy.visit(`/quilts/${courseName.replaceAll(' ', '_')}`);
+
+      // Register via `register` button, then wait
+      cy.get('[data-cy="register-btn"]').click();
+      cy.wait(1000);
+
+      // click `add content` button
+      cy.get('[data-cy="add-content-btn"]').click();
+      cy.wait(1000);
+
+      cy.get('[data-cy="markdown-input"] textarea')
+        .should('be.visible')
+        .type('This {{ is || is not }} a question.', {
+          parseSpecialCharSequences: false,
+        });
+      cy.get('[data-cy="add-card-btn"').click();
+    });
+  });
+});

packages/platform-ui/src/components/Courses/CourseInformation.vue

@@ -12,7 +12,7 @@
           <v-btn color="success">Start a study session</v-btn>
         </router-link>
         <router-link :to="`/edit/${courseId}`" class="me-2">
-          <v-btn color="indigo-lighten-1">
+          <v-btn data-cy="add-content-btn" color="indigo-lighten-1">
             <v-icon start>mdi-plus</v-icon>
             Add content
           </v-btn>
@@ -26,7 +26,7 @@
         <v-btn color="error" size="small" variant="outlined" @click="drop"> Drop this course </v-btn>
       </div>
       <div v-else>
-        <v-btn color="primary" class="me-2" @click="register">Register</v-btn>
+        <v-btn data-cy="register-btn" color="primary" class="me-2" @click="register">Register</v-btn>
         <router-link :to="`/q/${courseId}/preview`">
           <v-btn variant="outlined" color="primary" class="me-2">Start a trial study session</v-btn>
         </router-link>

packages/platform-ui/src/components/Edit/ViewableDataInputForm/DataInputForm.vue

@@ -39,6 +39,7 @@
               :ref="(el: FieldInputInstance) => setFieldInputRef(el, i)"
               :field="field"
               :autofocus="i == 0"
+              data-cy="markdown-input"
             />
             <midi-input
               v-else-if="field.type === midi"
@@ -57,6 +58,7 @@
           <tags-input ref="tagsInput" :hide-submit="true" :course-i-d="courseCfg.courseID" card-i-d="" />
           <v-btn
             v-if="!previewComponent"
+            data-cy="add-card-btn"
             class="float-right"
             type="submit"
             color="primary"