implemntation: add click event to edit row.

dotCMS · Oct 18, 2024 · 66be914 · 66be914
1 parent 819640c
commit 66be914
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/...ibs/portlets/dot-locales/portlet/src/lib/dot-locales-list/dot-locales-list.component.html b/...ibs/portlets/dot-locales/portlet/src/lib/dot-locales-list/dot-locales-list.component.html
@@ -44,7 +44,7 @@
             </tr>
         </ng-template>
         <ng-template pTemplate="body" let-locale>
-            <tr>
+            <tr (click)="store.openAddEditDialog(locale.id)" data-testId="locale-row">
                 <td [ngClass]="{ 'tag-padding': locale.defaultLanguage }" data-testId="locale-cell">
                     {{ locale.language }} ({{ locale.isoCode }})
                     @if (locale.defaultLanguage) {

diff --git a/.../portlets/dot-locales/portlet/src/lib/dot-locales-list/dot-locales-list.component.spec.ts b/.../portlets/dot-locales/portlet/src/lib/dot-locales-list/dot-locales-list.component.spec.ts
@@ -81,4 +81,16 @@ describe('DotLocalesListComponent', () => {
 
         expect(spectator.query('.p-tag-success')).toHaveText('Default');
     });
+
+    it('should open AddEditDialog with locale id when row is clicked', () => {
+        spectator.detectChanges();
+
+        jest.spyOn(spectator.component.store, 'openAddEditDialog');
+
+        const row = spectator.query(byTestId('locale-row'));
+
+        spectator.click(row);
+
+        expect(spectator.component.store.openAddEditDialog).toHaveBeenCalledWith(1);
+    });
 });