Change output name

This commit is contained in:
shamoon 2024-11-01 15:21:20 -07:00
parent 5cd5233884
commit 9818a4c38d
4 changed files with 17 additions and 17 deletions

View File

@ -38,7 +38,7 @@
@for (item of selectionModel.itemsSorted | filter: filterText:'name'; track item; let i = $index) { @for (item of selectionModel.itemsSorted | filter: filterText:'name'; track item; let i = $index) {
@if (allowSelectNone || item.id) { @if (allowSelectNone || item.id) {
<pngx-toggleable-dropdown-button <pngx-toggleable-dropdown-button
[item]="item" [hideCount]="hideCount(item)" [state]="selectionModel.get(item.id)" [count]="getUpdatedDocumentCount(item.id)" (toggle)="selectionModel.toggle(item.id)" (exclude)="excludeClicked(item.id)" (click)="setButtonItemIndex(i - 1)" [disabled]="disabled"> [item]="item" [hideCount]="hideCount(item)" [state]="selectionModel.get(item.id)" [count]="getUpdatedDocumentCount(item.id)" (toggled)="selectionModel.toggle(item.id)" (exclude)="excludeClicked(item.id)" (click)="setButtonItemIndex(i - 1)" [disabled]="disabled">
</pngx-toggleable-dropdown-button> </pngx-toggleable-dropdown-button>
} }
} }

View File

@ -58,7 +58,7 @@ describe('ToggleableDropdownButtonComponent', () => {
let toggleResult let toggleResult
component.state = ToggleableItemState.Selected component.state = ToggleableItemState.Selected
component.exclude.subscribe(() => (excludeResult = true)) component.exclude.subscribe(() => (excludeResult = true))
component.toggle.subscribe(() => (toggleResult = true)) component.toggled.subscribe(() => (toggleResult = true))
const button = fixture.nativeElement.querySelector('button') const button = fixture.nativeElement.querySelector('button')
button.dispatchEvent(new MouseEvent('click')) button.dispatchEvent(new MouseEvent('click'))
expect(excludeResult).toBeTruthy() expect(excludeResult).toBeTruthy()
@ -70,7 +70,7 @@ describe('ToggleableDropdownButtonComponent', () => {
let toggleResult let toggleResult
component.state = ToggleableItemState.Excluded component.state = ToggleableItemState.Excluded
component.exclude.subscribe(() => (excludeResult = true)) component.exclude.subscribe(() => (excludeResult = true))
component.toggle.subscribe(() => (toggleResult = true)) component.toggled.subscribe(() => (toggleResult = true))
const button = fixture.nativeElement.querySelector('button') const button = fixture.nativeElement.querySelector('button')
button.dispatchEvent(new MouseEvent('click')) button.dispatchEvent(new MouseEvent('click'))
expect(excludeResult).toBeFalsy() expect(excludeResult).toBeFalsy()

View File

@ -30,7 +30,7 @@ export class ToggleableDropdownButtonComponent {
hideCount: boolean = false hideCount: boolean = false
@Output() @Output()
toggle = new EventEmitter() toggled = new EventEmitter()
@Output() @Output()
exclude = new EventEmitter() exclude = new EventEmitter()
@ -43,7 +43,7 @@ export class ToggleableDropdownButtonComponent {
if (this.state == ToggleableItemState.Selected) { if (this.state == ToggleableItemState.Selected) {
this.exclude.emit() this.exclude.emit()
} else { } else {
this.toggle.emit() this.toggled.emit()
} }
} }

View File

@ -1204,7 +1204,7 @@ describe('FilterEditorComponent', () => {
const tagButton = tagsFilterableDropdown.queryAll( const tagButton = tagsFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
)[0] )[0]
tagButton.triggerEventHandler('toggle') tagButton.triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1222,8 +1222,8 @@ describe('FilterEditorComponent', () => {
const tagButtons = tagsFilterableDropdown.queryAll( const tagButtons = tagsFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
) )
tagButtons[1].triggerEventHandler('toggle') tagButtons[1].triggerEventHandler('toggled')
tagButtons[2].triggerEventHandler('toggle') tagButtons[2].triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1273,8 +1273,8 @@ describe('FilterEditorComponent', () => {
const correspondentButtons = correspondentsFilterableDropdown.queryAll( const correspondentButtons = correspondentsFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
) )
correspondentButtons[1].triggerEventHandler('toggle') correspondentButtons[1].triggerEventHandler('toggled')
correspondentButtons[2].triggerEventHandler('toggle') correspondentButtons[2].triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1312,7 +1312,7 @@ describe('FilterEditorComponent', () => {
const notAssignedButton = correspondentsFilterableDropdown.queryAll( const notAssignedButton = correspondentsFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
)[0] )[0]
notAssignedButton.triggerEventHandler('toggle') notAssignedButton.triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1330,8 +1330,8 @@ describe('FilterEditorComponent', () => {
const documentTypeButtons = documentTypesFilterableDropdown.queryAll( const documentTypeButtons = documentTypesFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
) )
documentTypeButtons[1].triggerEventHandler('toggle') documentTypeButtons[1].triggerEventHandler('toggled')
documentTypeButtons[2].triggerEventHandler('toggle') documentTypeButtons[2].triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1369,7 +1369,7 @@ describe('FilterEditorComponent', () => {
const notAssignedButton = docTypesFilterableDropdown.queryAll( const notAssignedButton = docTypesFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
)[0] )[0]
notAssignedButton.triggerEventHandler('toggle') notAssignedButton.triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1387,8 +1387,8 @@ describe('FilterEditorComponent', () => {
const storagePathButtons = storagePathFilterableDropdown.queryAll( const storagePathButtons = storagePathFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
) )
storagePathButtons[1].triggerEventHandler('toggle') storagePathButtons[1].triggerEventHandler('toggled')
storagePathButtons[2].triggerEventHandler('toggle') storagePathButtons[2].triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {
@ -1426,7 +1426,7 @@ describe('FilterEditorComponent', () => {
const notAssignedButton = storagePathsFilterableDropdown.queryAll( const notAssignedButton = storagePathsFilterableDropdown.queryAll(
By.directive(ToggleableDropdownButtonComponent) By.directive(ToggleableDropdownButtonComponent)
)[0] )[0]
notAssignedButton.triggerEventHandler('toggle') notAssignedButton.triggerEventHandler('toggled')
fixture.detectChanges() fixture.detectChanges()
expect(component.filterRules).toEqual([ expect(component.filterRules).toEqual([
{ {