juice-shop

1
/*
2
 * Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
3
 * SPDX-License-Identifier: MIT
4
 */
5

6
import { UserDetailsComponent } from '../user-details/user-details.component'
7
import { FeedbackDetailsComponent } from '../feedback-details/feedback-details.component'
8

9
import { FeedbackService } from '../Services/feedback.service'
10
import { UserService } from '../Services/user.service'
11
import { type ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing'
12

13
import { AdministrationComponent } from './administration.component'
14
import { MatTableModule } from '@angular/material/table'
15
import { HttpClientTestingModule } from '@angular/common/http/testing'
16
import { MatDialog, MatDialogModule } from '@angular/material/dialog'
17
import { TranslateModule } from '@ngx-translate/core'
18
import { of } from 'rxjs'
19
import { throwError } from 'rxjs/internal/observable/throwError'
20
import { MatPaginatorModule } from '@angular/material/paginator'
21
import { MatCardModule } from '@angular/material/card'
22
import { MatDividerModule } from '@angular/material/divider'
23
import { MatIconModule } from '@angular/material/icon'
24

25
describe('AdministrationComponent', () => {
26
  let component: AdministrationComponent
27
  let fixture: ComponentFixture<AdministrationComponent>
28
  let dialog: any
29
  let userService: any
30
  let feedbackService: any
31

32
  beforeEach(waitForAsync(() => {
33
    dialog = jasmine.createSpyObj('MatDialog', ['open'])
34
    dialog.open.and.returnValue(null)
35
    userService = jasmine.createSpyObj('UserService', ['find'])
36
    userService.find.and.returnValue(of([{ email: 'User1' }, { email: 'User2' }]))
37
    feedbackService = jasmine.createSpyObj('FeedbackService', ['find', 'del'])
38
    feedbackService.find.and.returnValue(of([{ comment: 'Feedback1' }, { comment: 'Feedback2' }]))
39
    feedbackService.del.and.returnValue(of(null))
40

41
    TestBed.configureTestingModule({
42
      imports: [
43
        HttpClientTestingModule,
44

45
        MatTableModule,
46
        TranslateModule.forRoot(),
47
        MatDialogModule,
48
        MatPaginatorModule,
49
        MatDividerModule,
50
        MatCardModule,
51
        MatIconModule
52
      ],
53
      declarations: [AdministrationComponent],
54
      providers: [
55
        { provide: MatDialog, useValue: dialog },
56
        { provide: UserService, useValue: userService },
57
        { provide: FeedbackService, useValue: feedbackService }
58
      ]
59
    })
60
      .compileComponents()
61
  }))
62

63
  beforeEach(() => {
64
    fixture = TestBed.createComponent(AdministrationComponent)
65
    component = fixture.componentInstance
66
    fixture.detectChanges()
67
  })
68

69
  it('should create', () => {
70
    expect(component).toBeTruthy()
71
  })
72

73
  it('should find all users via the UserService', () => {
74
    component.findAllUsers()
75
    expect(component.userDataSource.data.length).toBe(2)
76
    expect(component.userDataSource.data[0].email).toMatch(/User1/)
77
    expect(component.userDataSource.data[1].email).toMatch(/User2/)
78
  })
79

80
  it('should give an error if UserService fails to find all users', fakeAsync(() => {
81
    userService.find.and.returnValue(throwError('Error'))
82
    component.findAllUsers()
83

84
    tick()
85

86
    expect(component.error).toBe('Error')
87
  }))
88

89
  it('should find all feedbacks via FeedbackService', () => {
90
    component.findAllFeedbacks()
91
    expect(component.feedbackDataSource.data.length).toBe(2)
92
    expect(component.feedbackDataSource.data[0].comment).toMatch(/Feedback1/)
93
    expect(component.feedbackDataSource.data[1].comment).toMatch(/Feedback2/)
94
  })
95

96
  it('should give an error if FeedbackService fails to find all feedbacks', fakeAsync(() => {
97
    feedbackService.find.and.returnValue(throwError('Error'))
98
    component.findAllFeedbacks()
99

100
    tick()
101

102
    expect(component.error).toBe('Error')
103
  }))
104

105
  it('should refresh all feedbacks after deletion', () => {
106
    spyOn(component, 'findAllFeedbacks')
107
    component.deleteFeedback(1)
108
    expect(component.findAllFeedbacks).toHaveBeenCalled()
109
    expect(feedbackService.del).toHaveBeenCalledWith(1)
110
  })
111

112
  it('should give an error if FeedbackService fails to delete feedback', fakeAsync(() => {
113
    feedbackService.del.and.returnValue(throwError('Error'))
114
    component.deleteFeedback(1)
115

116
    tick()
117

118
    expect(component.error).toBe('Error')
119
  }))
120

121
  it('should open the UserDetailsComponent to show details', () => {
122
    component.showUserDetail(1)
123
    expect(dialog.open).toHaveBeenCalledWith(UserDetailsComponent, { data: { id: 1 } })
124
  })
125

126
  it('should open the FeedbackDetailsComponent to show details', () => {
127
    component.showFeedbackDetails('Feedback', 1)
128
    expect(dialog.open).toHaveBeenCalledWith(FeedbackDetailsComponent, { data: { feedback: 'Feedback', id: 1 } })
129
  })
130

131
  it('should have three columns in the user table', () => {
132
    expect(component.userColumns.length).toBe(3)
133
    expect(component.userColumns[0]).toBe('user')
134
    expect(component.userColumns[1]).toBe('email')
135
    expect(component.userColumns[2]).toBe('user_detail')
136
  })
137

138
  it('should have four columns in the feedback table', () => {
139
    expect(component.feedbackColumns.length).toBe(4)
140
    expect(component.feedbackColumns[0]).toBe('user')
141
    expect(component.feedbackColumns[1]).toBe('comment')
142
    expect(component.feedbackColumns[2]).toBe('rating')
143
    expect(component.feedbackColumns[3]).toBe('remove')
144
  })
145
})
146