add test for refresh team after delete

puzzle · May 2, 2024 · cd6b21c · cd6b21c
1 parent 0bb9b18
commit cd6b21c
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 16 deletions.
diff --git a/frontend/app/templates/components/admin/user/deletion-form.hbs b/frontend/app/templates/components/admin/user/deletion-form.hbs
@@ -7,7 +7,7 @@
     <Modal.header>
       <h3 class="modal-title">{{t "admin.users.last_teammember_teams.destroy"}}</h3>
     </Modal.header>
-   
+
       <Modal.body>
         <div class="container-fluid">
            {{#if this.isDeletionDisabled}}
@@ -30,7 +30,7 @@
                     {{truncate team.description 20}}
                   </td>
                   <td>
-                    <span role="button" {{on "click" (fn this.deleteTeam team)}}>
+                    <span role="button" {{on "click" (fn this.deleteTeam team)}} data-test-id="delete">
                       <img src="/assets/images/delete.svg" alt="delete" class="icon-button">
                     </span>
                   </td>
@@ -39,7 +39,7 @@
             </tbody>
           </table>
           {{else}}
-          <div class="d-flex flex-column">
+          <div class="d-flex flex-column" data-test-id="delete-user-text">
             <span class="fw-bold">
               {{t "admin.users.last_teammember_teams.confirmation"}}
             </span>
@@ -51,7 +51,7 @@
           {{/if}}
         </div>
       </Modal.body>
-   
+
     <Modal.footer>
       <BsButton @onClick={{action this.deleteUser}} @type="danger" disabled={{this.isDeletionDisabled}}>{{t "delete"}}</BsButton>
       <BsButton @onClick={{action this.toggleDeletionForm}} @type="secondary">{{t "close"}}</BsButton>

diff --git a/frontend/tests/integration/components/admin/user/deletion-form-test.js b/frontend/tests/integration/components/admin/user/deletion-form-test.js
@@ -1,17 +1,18 @@
 import { module, test } from "qunit";
 import { setupRenderingTest } from "ember-qunit";
-import { render, pauseTest } from "@ember/test-helpers";
+import { render, waitFor } from "@ember/test-helpers";
 import { hbs } from "ember-cli-htmlbars";
+import Service from "@ember/service";
+import { setLocale } from "ember-intl/test-support";
+
 
 
 const storeStub = Service.extend({
   query(modelName, params) {
-    if (params) {
-      return Promise.all([
-        { name: "Team1", description: "description1" },
-        { name: "Team2", description: "description2" },
-      ]);
-    }
+      return [
+        { name: "Team1", description: "description1", destroyRecord: () => {}},
+        { name: "Team2", description: "description2", destroyRecord: () => {}}
+      ];
   }
 });
 
@@ -22,6 +23,8 @@ module("Integration | Component | admin/user/deletion-form", function (hooks) {
   hooks.beforeEach(function () {
     this.owner.unregister("service:store");
     this.owner.register("service:store", storeStub);
+    setLocale("en");
+
   });
 
   test("it renders with block", async function (assert) {
@@ -30,21 +33,31 @@ module("Integration | Component | admin/user/deletion-form", function (hooks) {
         Delete
       </Admin::User::DeletionForm>
     `);
-
     assert.equal(this.element.textContent.trim(), "Delete");
   });
 
-  test("it renders with block", async function (assert) {
+  test("Refreshes teams after delete", async function (assert) {
     this.set("user", {
       id: 12,
       givenname: "Bob",
       surname: "Muster",
       username: "bob"
     });
 
-    await render(hbs `<Admin::User::DeletionForm @user={{this.user}}/>`);
-    await pauseTest();
+    await render(hbs`
+      <Admin::User::DeletionForm @user={{this.user}}>
+        Delete
+      </Admin::User::DeletionForm>`);
 
-    assert.equal(this.element.textContent.trim(), "Delete");
+    this.element.querySelector("span[role='button']").click()
+
+    await waitFor('[data-test-id="delete"]', { timeout: 2000 })
+
+
+    this.element.querySelectorAll('[data-test-id="delete"]').forEach((e) => e.click());
+    await waitFor('[data-test-id="delete-user-text"]', { timeout: 2000 })
+
+    const teamsLeft = this.element.querySelectorAll("[data-test-id='delete']").length
+    assert.equal(teamsLeft, 0);
   });
 });