From 9b1489324999b3e1ce084cba9fd6cffb46a7ad49 Mon Sep 17 00:00:00 2001
From: blazejpass <118356546+blazejpass@users.noreply.github.com>
Date: Mon, 6 May 2024 14:12:59 +0200
Subject: [PATCH] BC-6367-Test-implementaion-for-BBB-tool  (#3443)

* Add data testid to create bbb modal, and delete dynamic naming of data test id for cancel button

* Add data-testid for bbb tool bar


---------

Co-authored-by: wiaderwek <t.wiaderwek@gmail.com>
Co-authored-by: marcinpasscon <118526182+marcinpasscon@users.noreply.github.com>
---
 static/scripts/courses.js           |  1 +
 views/courses/components/tools.hbs  | 10 +++++-----
 views/lib/components/modal-form.hbs |  2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/static/scripts/courses.js b/static/scripts/courses.js
index 733cce4639..68f6fb1168 100644
--- a/static/scripts/courses.js
+++ b/static/scripts/courses.js
@@ -274,6 +274,7 @@ $(document).ready(() => {
 		e.preventDefault();
 		const courseId = $(this).parent().attr('data-courseId');
 		const $createVideoconferenceModal = $('.create-videoconference-modal');
+		$createVideoconferenceModal.attr('data-testid', 'createVideoConference');
 
 		const moderatorCardClickHandler = () => {
 			$.ajax({
diff --git a/views/courses/components/tools.hbs b/views/courses/components/tools.hbs
index 0f8bf17968..266deda56e 100644
--- a/views/courses/components/tools.hbs
+++ b/views/courses/components/tools.hbs
@@ -53,7 +53,7 @@
 
 
 				{{#if this.isBBB}}
-				<div class="card-title-directory bbb-state bbb-guest-inactive-state">
+				<div class="card-title-directory bbb-state bbb-guest-inactive-state" data-testid="bbb_tool_guest_inactive">
 					<img src="{{getAssetPath '/images/tools/bbb/not_started.png'}}" class="float-left" style="width:auto; height:75px;" />
 					<span>{{$t "global.text.videoconferenceNotStartedYet"}}</span>
 					<a class="bbbTool-info-icon">
@@ -65,7 +65,7 @@
 					</a>
 				</div>
 
-				<div class="card-title-directory bbb-state bbb-moderator-inactive-state">
+				<div class="card-title-directory bbb-state bbb-moderator-inactive-state" data-testid="bbb_tool_moderator_inactive">
 
 					<img src="{{getAssetPath '/images/tools/bbb/available.png'}}" class="float-left" style="width:auto; height:75px;" />
 
@@ -73,7 +73,7 @@
 
 					{{#userHasPermission "TOOL_CREATE" }}
 					{{#unless @root.isArchived}}
-					<a class="delete-tool" href="/courses/{{../../_id}}/tools/delete/{{../_id}}" target="_blank"
+					<a class="delete-tool" href="/courses/{{../../_id}}/tools/delete/{{../_id}}" target="_blank" data-testid="bbb_tool_delete"
 						data-method="DELETE" data-name="{{../name}}" redirect="/courses/{{../../_id}}/?activeTab=tools">
 						<i class="fa fa-trash-o"></i>
 					</a>
@@ -81,7 +81,7 @@
 					{{/userHasPermission}}
 				</div>
 
-				<div class="card-title-directory bbb-state bbb-running-videoconference-state">
+				<div class="card-title-directory bbb-state bbb-running-videoconference-state" data-testid="bbb_tool_running">
 
 					<img src="{{getAssetPath '/images/tools/bbb/available.png'}}" class="float-left" style="width:auto; height:75px;" />
 
@@ -90,7 +90,7 @@
 
 				</div>
 
-				<div class="card-title-directory bbb-state ">
+				<div class="card-title-directory bbb-state" data-testid="bbb_tool_not_running">
 					<img src="{{getAssetPath '/images/tools/bbb/not_started.png'}}" class="float-left" style="width:auto; height:75px;" />
 					<span>{{$t "courses._course.tools.text.videoConferenceBBB"}}</span>
 				</div>
diff --git a/views/lib/components/modal-form.hbs b/views/lib/components/modal-form.hbs
index 50d291d6e6..43bbb23591 100644
--- a/views/lib/components/modal-form.hbs
+++ b/views/lib/components/modal-form.hbs
@@ -9,7 +9,7 @@
                 {{#block "fields"}}{{/block}}
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary btn-close" data-testid="btn-cancel-{{title}}">
+                <button type="button" class="btn btn-secondary btn-close" data-testid="btn-cancel">
                     {{closeLabel}}
                 </button>