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 <[email protected]> Co-authored-by: marcinpasscon <[email protected]>
hpi-schul-cloud · May 6, 2024 · 9b14893 · 9b14893
1 parent 90b9a59
commit 9b14893
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git 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
@@ -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,23 +65,23 @@
 					</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;" />
 
 					<span>{{$t "courses._course.tools.text.videoConferenceBBB"}}</span>
 
 					{{#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>
 					{{/unless}}
 					{{/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
@@ -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>