Skip to content
Snippets Groups Projects
Verified Commit 5c09e0d0 authored by Sebastian Bergandy's avatar Sebastian Bergandy :keyboard:
Browse files

OZG-7615 rename output

parent d521e263
No related branches found
No related tags found
1 merge request!73OZG-7615 Admin Leifaden
<ods-dropdown-menu-button-item caption="Abmelden" (itemClicked)="logout.emit()" data-test-id="popup-logout-button"> <ods-dropdown-menu-button-item caption="Abmelden" (clickEmitter)="logout.emit()" data-test-id="popup-logout-button">
<ods-logout-icon icon class="fill-primary" /> <ods-logout-icon icon class="fill-primary" />
</ods-dropdown-menu-button-item> </ods-dropdown-menu-button-item>
import { triggerEvent } from '@alfa-client/test-utils'; import { dispatchEventFromFixture, MockEvent } from '@alfa-client/test-utils';
import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ComponentFixture, TestBed } from '@angular/core/testing';
import { expect } from '@jest/globals'; import { expect } from '@jest/globals';
import { getDataTestIdOf } from '../../../../../tech-shared/test/data-test'; import { getDataTestIdOf } from '../../../../../tech-shared/test/data-test';
...@@ -27,11 +27,11 @@ describe('AdminUserLogoutButtonComponent', () => { ...@@ -27,11 +27,11 @@ describe('AdminUserLogoutButtonComponent', () => {
describe('template', () => { describe('template', () => {
describe('menu button item', () => { describe('menu button item', () => {
describe('output', () => { describe('output', () => {
describe('itemClicked', () => { describe('clickEmitter', () => {
it('should emit', () => { it('should emit', () => {
component.logout.emit = jest.fn(); component.logout.emit = jest.fn();
triggerEvent({ fixture, elementSelector: logoutButtonTestId, name: 'itemClicked' }); dispatchEventFromFixture(fixture, logoutButtonTestId, MockEvent.CLICK);
expect(component.logout.emit).toHaveBeenCalled(); expect(component.logout.emit).toHaveBeenCalled();
}); });
......
...@@ -43,13 +43,13 @@ describe('DropdownMenuButtonItemComponent', () => { ...@@ -43,13 +43,13 @@ describe('DropdownMenuButtonItemComponent', () => {
expect(component).toBeTruthy(); expect(component).toBeTruthy();
}); });
describe('itemClicked emitter', () => { describe('clickEmitter', () => {
it('should emit itemClicked', () => { it('should emit', () => {
component.itemClicked.emit = jest.fn(); component.clickEmitter.emit = jest.fn();
dispatchEventFromFixture(fixture, 'button', 'click'); dispatchEventFromFixture(fixture, 'button', 'click');
expect(component.itemClicked.emit).toHaveBeenCalled(); expect(component.clickEmitter.emit).toHaveBeenCalled();
}); });
}); });
}); });
...@@ -32,7 +32,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; ...@@ -32,7 +32,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
<button <button
class="flex w-full items-center gap-2 rounded-md border border-transparent px-4 py-2 text-start font-medium outline-none hover:bg-background-150 focus-visible:border-primary dark:hover:bg-neutral-700" class="flex w-full items-center gap-2 rounded-md border border-transparent px-4 py-2 text-start font-medium outline-none hover:bg-background-150 focus-visible:border-primary dark:hover:bg-neutral-700"
role="menuitem" role="menuitem"
(click)="itemClicked.emit()" (click)="clickEmitter.emit()"
[attr.data-test-id]="dataTestId" [attr.data-test-id]="dataTestId"
> >
<ng-content select="[icon]" /> <ng-content select="[icon]" />
...@@ -44,5 +44,5 @@ export class DropdownMenuButtonItemComponent { ...@@ -44,5 +44,5 @@ export class DropdownMenuButtonItemComponent {
@Input({ required: true }) caption!: string; @Input({ required: true }) caption!: string;
@Input() dataTestId: string; @Input() dataTestId: string;
@Output() itemClicked: EventEmitter<MouseEvent> = new EventEmitter(); @Output() clickEmitter: EventEmitter<MouseEvent> = new EventEmitter();
} }
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
class="user-profile-icon" class="user-profile-icon"
> >
</alfa-user-icon> </alfa-user-icon>
<ods-dropdown-menu-button-item caption="Abmelden" (itemClicked)="logoutEmitter.emit()" dataTestId="logout-button"> <ods-dropdown-menu-button-item caption="Abmelden" (clickEmitter)="logoutEmitter.emit()" dataTestId="logout-button">
<ods-logout-icon icon class="fill-primary" /> <ods-logout-icon icon class="fill-primary" />
</ods-dropdown-menu-button-item> </ods-dropdown-menu-button-item>
</ods-dropdown-menu> </ods-dropdown-menu>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
* unter der Lizenz sind dem Lizenztext zu entnehmen. * unter der Lizenz sind dem Lizenztext zu entnehmen.
*/ */
import { createStateResource } from '@alfa-client/tech-shared'; import { createStateResource } from '@alfa-client/tech-shared';
import { dispatchEventFromFixture, getElementComponentFromFixtureByCss, mock, useFromMock } from '@alfa-client/test-utils'; import { dispatchEventFromFixture, getElementComponentFromFixtureByCss, mock, MockEvent, useFromMock, } from '@alfa-client/test-utils';
import { UserIconComponent } from '@alfa-client/user-profile'; import { UserIconComponent } from '@alfa-client/user-profile';
import { getUserName, UserProfileResource } from '@alfa-client/user-profile-shared'; import { getUserName, UserProfileResource } from '@alfa-client/user-profile-shared';
import { EventEmitter } from '@angular/core'; import { EventEmitter } from '@angular/core';
...@@ -90,7 +90,7 @@ describe('UserProfileInHeaderComponent', () => { ...@@ -90,7 +90,7 @@ describe('UserProfileInHeaderComponent', () => {
describe('template', () => { describe('template', () => {
describe('click on logout button', () => { describe('click on logout button', () => {
it('should emit logout event', () => { it('should emit logout event', () => {
dispatchEventFromFixture(fixture, logoutButton, 'itemClicked'); dispatchEventFromFixture(fixture, logoutButton, MockEvent.CLICK);
expect(component.logoutEmitter.emit).toHaveBeenCalled(); expect(component.logoutEmitter.emit).toHaveBeenCalled();
}); });
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment