Merge #492: [#228] E2E test: add a new tag

ae407d7 test: [#228] new E2E test for adding tags (Mario)

Pull request description:

  Resolves #228

ACKs for top commit:
  josecelano:
    ACK ae407d7

Tree-SHA512: 40a39c07dc1582549c15eac6fc7a67e5637dd2b090440533c85e6e156eb2f4a45083123908894bbf609ca2764db3237a06a6f759612c7120a34938001f2ea45d

Author: josecelano

cypress/e2e/contexts/tag/specs/add.cy.ts

@@ -0,0 +1,56 @@
+import { RegistrationForm, random_user_registration_data } from "../../user/registration";
+import { randomTagName } from "../random_data";
+
+describe("The admin user", () => {
+  const registration_form = random_user_registration_data();
+
+  before(() => {
+    cy.delete_tags_from_database();
+    cy.register_as_admin_and_login(registration_form);
+  });
+
+  after(() => {
+    cy.delete_user_from_database(registration_form.username);
+  });
+
+  it("should be able to add a tag", () => {
+    const tag_name = randomTagName();
+
+    cy.go_to_settings();
+
+    // Click tags tab
+    cy.contains("a", "tags").click();
+
+    // Add the tag
+    cy.get("[data-cy=\"add-tag-text-input\"]").type(tag_name);
+
+    cy.get("[data-cy=\"add-tag-button\"]").click();
+
+    cy.get(`[data-cy="delete-tag-${tag_name}"]`).should("exist");
+  });
+});
+
+describe("A non admin authenticated user", () => {
+  const registration_form = random_user_registration_data();
+
+  before(() => {
+    cy.delete_tags_from_database();
+    cy.register_and_login(registration_form);
+  });
+
+  after(() => {
+    cy.delete_user_from_database(registration_form.username);
+  });
+
+  it("should not be able to delete tags", () => {
+    cy.visit("/admin/settings/tags");
+    cy.contains("Please login to manage admin settings.");
+  });
+});
+
+describe("A guest user", () => {
+  it("should not be able to delete a tag", () => {
+    cy.visit("/admin/settings/tags");
+    cy.contains("Please login to manage admin settings.");
+  });
+});

pages/admin/settings/tags.vue

@@ -11,8 +11,8 @@
       </template>
     </div>
     <div class="flex gap-2">
-      <input v-model="newTag" class="w-full input input-bordered" type="text">
-      <button class="btn btn-primary" :class="{ 'loading': addingTag }" :disabled="addingTag || !newTag" @click="addTag">
+      <input v-model="newTag" data-cy="add-tag-text-input" class="w-full input input-bordered" type="text">
+      <button data-cy="add-tag-button" class="{ 'loading': addingTag }" :disabled="addingTag || !newTag" @click="addTag">
         Add tag
       </button>
     </div>