E2e tests add post to categories

apps/web-mzima-client/src/app/settings/surveys/create-field-modal/create-field-modal.component.html

@@ -14,7 +14,7 @@
 <strong mat-dialog-title>{{
   isTranslateMode ? ('form.translate_field' | translate) : ('form.add_field' | translate)
 }}</strong>
-<mat-dialog-content>
+<mat-dialog-content [data-qa]="'new-field-modal'">
   <ng-container *ngIf="selectedFieldType; else allFields">
     <ng-container *ngIf="!isTranslateMode; else translateMode">
       <div class="form-row">

e2e-testing/cypress/e2e/5-categories/category.cy.js

@@ -17,6 +17,12 @@ describe('Automated Tests for Categories', () => {
     categoryFunctions.verify_created_category_exists();
   });
 
+  //Adds post to categories
+  it('Add Post to Categories', () => {
+    categoryFunctions.add_post_to_category();
+    categoryFunctions.verify_post_with_categories_exists();
+  });
+
   //Deletes category called Children B
   it('Deletes a child Category - Bulk Actions', () => {
     categoryFunctions.open_category_list_page();

e2e-testing/cypress/functions/CategoryFunctions.js

@@ -124,6 +124,42 @@ class CategoryFunctions {
     ).click();
   }
 
+  click_add_post_btn() {
+    cy.get(CategoryLocators.addPostBtn).click();
+  }
+
+  open_survey_with_categories() {
+    cy.get(CategoryLocators.surveySelectItem).click();
+  }
+
+  type_post_title(title) {
+    cy.get(CategoryLocators.postTitleField).should('be.visible').type(title, { force: true });
+  }
+
+  type_post_description(description) {
+    cy.get(CategoryLocators.postDescField).type(description, { force: true });
+  }
+
+  save_post() {
+    cy.get(CategoryLocators.savePostBtn).click();
+  }
+
+  add_post_to_category() {
+    this.click_add_post_btn();
+    //open a survey form to fill in a response
+    this.open_survey_with_categories();
+    cy.wait(1000);
+    //verify categories are seen as expected
+    cy.get('mat-label').contains('Categories');
+    cy.get('.related-post-list').should('exist');
+    //filling in fields and select category
+    this.type_post_title('New Post Title With Categories');
+    this.type_post_description('New Post Description With Categories');
+    cy.get('#mat-checkbox-16-input').click({ force: true });
+    this.save_post();
+    cy.get(CategoryLocators.successBtn).click();
+  }
+
   verify_visibility_matches_parent() {
     cy.wait(1000);
     cy.get(CategoryLocators.selectParentCtgry).click();
@@ -134,6 +170,13 @@ class CategoryFunctions {
     );
   }
 
+  verify_post_with_categories_exists() {
+    cy.get(CategoryLocators.postPreview)
+      .children(CategoryLocators.postItem)
+      .contains('New Post Title With Categories')
+      .should('be.visible');
+  }
+
   verify_created_category_exists() {
     cy.contains(this.uniqueParentCtgry).should('exist');
   }

e2e-testing/cypress/locators/CategoryLocators.js

@@ -2,6 +2,7 @@ const CategoryLocators = {
   dataViewBtn: '[data-qa="btn-data"]',
   categoryFilterBtn: '[data-qa="categories-filter"]',
   stngsBtn: '[data-qa="btn-settings"]',
+  surveyBtn: '[data-qa="btn-surveys"]',
   ctgryBtn: '[data-qa="btn-categories"]',
   addCategoryBtn: '[data-qa="btn-settings-create"]',
   blkActionsBtn: '[data-qa="btn-settings-action"]',
@@ -16,6 +17,15 @@ const CategoryLocators = {
   translationCheckbox: '[data-qa="translation"]',
   technologyCheckbox: '[data-qa="technology"]',
   adminCheckbox: '[data-qa="admin"]',
+  surveySelectItem: '[data-qa="add-post-modal-surveys-item188"]',
+  addSurveyBtn: '[data-qa="btn-settings-create"]',
+  postTitleField: '[data-qa="title"]',
+  postDescField: '[data-qa="description"]',
+  savePostBtn: '[data-qa="btn-post-item-submit"]',
+  addPostBtn: '[data-qa="submit-post-button"]',
+  successBtn: '[data-qa="btn-confirm-success"]',
+  postPreview: '[data-qa="post-preview"]',
+  postItem: '[data-qa="post-item"]',
   categoryDeleteBtn: '[data-qa="btn-category-delete"]',
   toggleChildrenBtn: '[data-qa="toggle-children"]',
 };