Do not render tooltip if member away

jouni-kantola · Apr 7, 2024 · 8adddbb · 8adddbb
1 parent 746916c
commit 8adddbb
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/resources/scripts/components/TeamMember.vue b/resources/scripts/components/TeamMember.vue
@@ -15,7 +15,7 @@
             @keyup.enter="switchDriver"
             @input="updateMemberName"
         />
-        <p v-if="tooltip" class="tooltip">{{ tooltip }}</p>
+        <p v-if="tooltip && isHere" class="tooltip">{{ tooltip }}</p>
     </div>
 </template>
 

diff --git a/test/TeamMember-test.ts b/test/TeamMember-test.ts
@@ -121,4 +121,23 @@ test("highlight active member", () => {
     });
 
     assert.isTrue(wrapper.find(".current").exists());
-});
+});
+
+test("no tooltip when away", async () => {
+    const wrapper = mount(TeamMember, {
+        props: {
+            index: 999,
+            name: "Team Member",
+            isActive: true,
+            tooltip: "Is here",
+        },
+    });
+
+    assert.isTrue(wrapper.find(".tooltip").exists());
+
+    const isHereToggle = wrapper.find("input[type='checkbox']:checked");
+    await isHereToggle.trigger("click");
+    await isHereToggle.trigger("change");
+
+    assert.isFalse(wrapper.find(".tooltip").exists());
+});