juice-shop

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

6
import { TranslateModule } from '@ngx-translate/core'
7
import { MatInputModule } from '@angular/material/input'
8
import { type ComponentFixture, fakeAsync, TestBed, waitForAsync } from '@angular/core/testing'
9
import { MatCardModule } from '@angular/material/card'
10
import { MatTableModule } from '@angular/material/table'
11
import { MatButtonModule } from '@angular/material/button'
12
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
13
import { HttpClientTestingModule } from '@angular/common/http/testing'
14
import { ReactiveFormsModule } from '@angular/forms'
15
import { MatButtonToggleModule } from '@angular/material/button-toggle'
16
import { RouterTestingModule } from '@angular/router/testing'
17
import { AddressService } from '../Services/address.service'
18
import { of } from 'rxjs/internal/observable/of'
19
import { throwError } from 'rxjs'
20
import { MatIconModule } from '@angular/material/icon'
21
import { MatTooltipModule } from '@angular/material/tooltip'
22
import { DeliveryService } from '../Services/delivery.service'
23
import { DeliveryMethodComponent } from './delivery-method.component'
24
import { PaymentComponent } from '../payment/payment.component'
25
import { PaymentMethodComponent } from '../payment-method/payment-method.component'
26
import { MatRadioModule } from '@angular/material/radio'
27
import { MatExpansionModule } from '@angular/material/expansion'
28
import { MatDividerModule } from '@angular/material/divider'
29

30
describe('DeliveryMethodComponent', () => {
31
  let component: DeliveryMethodComponent
32
  let fixture: ComponentFixture<DeliveryMethodComponent>
33
  let addressService: any
34
  let deliveryService: any
35

36
  beforeEach(waitForAsync(() => {
37
    addressService = jasmine.createSpyObj('AddressService', ['getById'])
38
    addressService.getById.and.returnValue(of([]))
39
    deliveryService = jasmine.createSpyObj('DeliveryService', ['get'])
40
    deliveryService.get.and.returnValue(of([]))
41

42
    TestBed.configureTestingModule({
43
      declarations: [DeliveryMethodComponent, PaymentComponent, PaymentMethodComponent],
44
      imports: [
45
        RouterTestingModule.withRoutes([
46
          { path: 'payment/shop', component: PaymentComponent }
47
        ]),
48
        HttpClientTestingModule,
49
        TranslateModule.forRoot(),
50
        BrowserAnimationsModule,
51
        ReactiveFormsModule,
52
        MatInputModule,
53
        MatCardModule,
54
        MatTableModule,
55
        MatButtonModule,
56
        MatButtonToggleModule,
57
        MatIconModule,
58
        MatTooltipModule,
59
        MatRadioModule,
60
        MatExpansionModule,
61
        MatDividerModule
62
      ],
63
      providers: [
64
        { provide: AddressService, useValue: addressService },
65
        { provide: DeliveryService, useValue: deliveryService }
66
      ]
67
    })
68
      .compileComponents()
69
  }))
70

71
  beforeEach(() => {
72
    fixture = TestBed.createComponent(DeliveryMethodComponent)
73
    component = fixture.componentInstance
74
    fixture.detectChanges()
75
  })
76

77
  it('should create', () => {
78
    expect(component).toBeTruthy()
79
  })
80

81
  it('should log errors from address service directly to browser console', fakeAsync(() => {
82
    addressService.getById.and.returnValue(throwError('Error'))
83
    console.log = jasmine.createSpy('log')
84
    component.ngOnInit()
85
    expect(console.log).toHaveBeenCalledWith('Error')
86
  }))
87

88
  it('should log errors from delivery service directly to browser console', fakeAsync(() => {
89
    deliveryService.get.and.returnValue(throwError('Error'))
90
    console.log = jasmine.createSpy('log')
91
    component.ngOnInit()
92
    expect(console.log).toHaveBeenCalledWith('Error')
93
  }))
94

95
  it('should hold address on ngOnInit', () => {
96
    addressService.getById.and.returnValue(of({ address: 'address' }))
97
    component.ngOnInit()
98
    expect(component.address).toEqual({ address: 'address' })
99
  })
100

101
  it('should hold delivery methods on ngOnInit', () => {
102
    deliveryService.get.and.returnValue(of([{ id: 1, name: '1', price: 1, eta: 1, icon: '1' }]))
103
    component.ngOnInit()
104
    expect(component.methods[0].id).toEqual(1)
105
    expect(component.methods[0].name).toEqual('1')
106
    expect(component.methods[0].price).toEqual(1)
107
    expect(component.methods[0].eta).toEqual(1)
108
    expect(component.methods[0].icon).toEqual('1')
109
  })
110

111
  it('should store delivery method id on selectMethod', () => {
112
    component.selectMethod(1)
113
    expect(component.deliveryMethodId).toBe(1)
114
  })
115

116
  it('should store address id in session storage', () => {
117
    component.deliveryMethodId = 1
118
    spyOn(sessionStorage, 'setItem')
119
    component.chooseDeliveryMethod()
120
    expect(sessionStorage.setItem).toHaveBeenCalledWith('deliveryMethodId', '1')
121
  })
122
})
123