BC-7824 add data testid for classes (#3518)

* dataTestId * added datatestid * added datatestid * added data testids * added testid * updated testid name --------- Co-authored-by: Martin Schuhmacher <[email protected]>
hpi-schul-cloud · Sep 9, 2024 · 9d6dd7f · 9d6dd7f
1 parent 26d8099
commit 9d6dd7f
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 11 deletions.
diff --git a/controllers/administration.js b/controllers/administration.js
@@ -2128,15 +2128,19 @@ router.get(
 				key: 'upcoming',
 				title: `${upcomingYears.pop().name}`,
 				link: `/administration/classes/?showTab=upcoming${filterQueryString}`,
+				testId: 'upcoming-tab'
 			},
 			{
 				key: 'current',
 				title: `${currentYear.name}`,
 				link: `/administration/classes/?showTab=current${filterQueryString}`,
-			},			{
+				testId: 'current-tab'
+			},
+			{
 				key: 'archive',
 				title: res.$t('global.tab.label.archive'),
 				link: `/administration/classes/?showTab=archive${filterQueryString}`,
+				testId: 'archive-tab'
 			},
 		];
 
@@ -2162,18 +2166,21 @@ router.get(
 							link: `${basePath + item._id}/manage`,
 							icon: 'users',
 							title: res.$t('administration.controller.link.manageClass'),
+							testId: 'manage-class'
 						},
 						{
 							link: `${basePath + item._id}/edit`,
 							icon: 'edit',
 							title: res.$t('administration.controller.link.editClass'),
+							testId: 'edit-class'
 						},
 						{
 							link: basePath + item._id,
 							class: 'btn-delete',
 							icon: 'trash-o',
 							method: 'delete',
 							title: res.$t('administration.controller.link.deleteClass'),
+							testId: 'delete-class'
 						},
 					];
 					if (lastDefinedSchoolYear !== (item.year || {})._id

diff --git a/views/administration/classes.hbs b/views/administration/classes.hbs
@@ -12,7 +12,7 @@
                     <div class="tabContainer mb-1" data-active-tab={{showTab}}>
                         <div class="tabs">
                             {{#each classesTabs}}
-                                <a class="tab" data-tab="js-{{this.key}}" href="{{this.link}}">
+                                <a class="tab" data-tab="js-{{this.key}}" href="{{this.link}}" data-testid="{{this.testId}}">
                                     <span class="text">{{this.title}}</span>
                                 </a>
                             {{/each}}

diff --git a/views/administration/forms/form-classes-edit.hbs b/views/administration/forms/form-classes-edit.hbs
@@ -5,7 +5,7 @@
 	<input type="hidden" name="referrer" value="{{../referrer}}" />
 
 	<a class="d-block mb-1" href="/administration/classes/{{../class/_id}}/manage"
-		title="Klasse '{{../class.name}}' verwalten.">
+		title="Klasse '{{../class.name}}' verwalten." data-testid="manage-class-btn">
 		<i class="fa fa-users"></i> {{$t "administration.classes.text.manageClass" }}
 	</a>
 {{/ifeq}}
@@ -17,7 +17,7 @@
 	{{/each}}
 {{/ifeq}}
 
-<div class="form-group">
+<div class="form-group" data-testid="class-school-year-selection">
 	<label>{{$t "administration.global.label.schoolYear" }} <sup>*</sup></label>
 	<select class="linked" name="schoolyear" data-linktext data-placeholder="Schuljahr auswählen"
 		{{#ifCond edit '&&' isCustom}}{{#unless @root.class.keepYear}}disabled {{/unless}}{{/ifCond}}>
@@ -29,7 +29,7 @@
 	</select>
 </div>
 
-<div class="form-group">
+<div class="form-group" data-testid="class-teacher-selection">
 	<label>{{$t "administration.classes.label.selectTeacher" }}</label>
 
 	<select name="teacherIds[]" multiple data-placeholder="{{$t "global.placeholder.selectTeacher" }}">
@@ -78,7 +78,7 @@
 				required value="{{class.customName}}" {{#unless isCustom}}disabled{{/unless}} />
 		</div>
 		<label class="my-1">
-			<input name="keepyear" type="checkbox" value="true"
+			<input name="keepyear" type="checkbox" value="true" data-testid="maintain-school-year-in-class"
 				{{#ifCond edit '&&' isCustom}}{{#if @root.class.keepYear}}checked{{/if}}{{else}}checked{{/ifCond}}
 				{{#unless isCustom}}disabled{{/unless}} />
 			<span>{{$t "administration.classes.label.maintainSchoolYearAssignment" }}</span>
@@ -112,7 +112,7 @@
 		{{/userHasPermission}}
 	{{/ifeq}}
 	{{#ifeq mode "edit"}}
-		<button class="btn btn-primary" type="submit" disabled>{{$t "global.button.saveChanges" }}</button>
+		<button data-testId="confirm-class-edit" class="btn btn-primary" type="submit" disabled>{{$t "global.button.saveChanges" }}</button>
 		{{#if ../isUpgradable}}
 			<a class="btn btn-outline-primary" href="/administration/classes/{{@root.class.id}}/createSuccessor">{{$t "administration.classes.button.transferClassToTheNextSchoolYear" }}</a>
 		{{/if}}

diff --git a/views/administration/forms/form-classes-manage.hbs b/views/administration/forms/form-classes-manage.hbs
@@ -6,13 +6,13 @@
     <div class="row">
         <a class="d-block mb-1"
             href="/administration/classes/{{@root.class/_id}}/edit"
-            title="{{$t "administration.classes.placeholer.change" (dict "name" @root.class.name)}}">
+            title="{{$t "administration.classes.placeholer.change" (dict "name" @root.class.name)}}" data-testid="rename-class-btn">
             <i class="fa fa-pencil"></i> {{$t "administration.classes.label.renameClass" }}
         </a>
     </div>
 
     <div class="row">
-        <div style="width: 100%" class="form-group">
+        <div style="width: 100%" class="form-group" data-testid="teacher-selection-on-manage-class">
             <label>{{$t "global.placeholder.Lehrer" }} {{#userHasPermission 'ADMIN_VIEW'}}{{else}}*{{/userHasPermission}}</label>
 
             <select name="teacherIds[]" multiple data-placeholder="{{$t "global.placeholder.selectTeacher"}}" {{#userHasPermission 'ADMIN_VIEW'}}{{else}}required{{/userHasPermission}}>
@@ -30,7 +30,7 @@
     </div>
 
     <div class="row">
-        <div style="width: 100%" class="form-group">
+        <div style="width: 100%" class="form-group" data-testid="student-selection-on-manage-class">
             <label>{{$t "administration.global.label.student" }}</label>
             <select name="userIds" multiple data-placeholder="{{$t "administration.global.placeholder.selectStudent" }}">
                 {{#each students}}

diff --git a/views/lib/components/table.hbs b/views/lib/components/table.hbs
@@ -36,7 +36,7 @@
                                                 <label for="method" hidden>{{this.label}}</label>
                                                 <input id="method" type="hidden" name="_method" value="{{this.method}}" hidden />
                                                 {{> "lib/components/csrfInput"}}
-                                                <button type="submit" class="btn btn-secondary btn-sm no-inline-styling {{this.class}}" title="{{this.title}}" aria-label="{{this.title}}" tabindex="0">
+                                                <button type="submit" class="btn btn-secondary btn-sm no-inline-styling {{this.class}}" title="{{this.title}}" aria-label="{{this.title}}" data-testid="{{this.testId}}" tabindex="0">
                                                     <i class="fa fa-{{this.icon}}"></i> {{this.label}}
                                                 </button>
                                             </form>