14 |
15 | {loggedIn ? Content.connected : Content.disconnected}
16 |
17 | );
18 | };
19 |
--------------------------------------------------------------------------------
/src/utils/random-interval.ts:
--------------------------------------------------------------------------------
1 | const random = (min: number, max: number): number => Math.floor(Math.random() * (max - min + 1)) + min;
2 |
3 | export interface RandomIntervalClear {
4 | clear: () => void;
5 | }
6 |
7 | const setRandomInterval = (intervalFunction: () => void, minDelay = 0, maxDelay = 0): RandomIntervalClear => {
8 | let timeout: ReturnType
22 | {searchStatus.message}
23 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/src/lib/api/location-services.ts:
--------------------------------------------------------------------------------
1 | import { CommonResultsResponse } from './common';
2 |
3 | export interface LocationServicesRequest {
4 | currentPage?: number;
5 | isFavorite?: boolean;
6 | orderBy?: string;
7 | locationId: number;
8 | resultsInPage?: number;
9 | serviceTypeId?: number;
10 | }
11 |
12 | export interface LocationServicesResult {
13 | serviceId: number;
14 | serviceName: string;
15 | serviceDescription: string;
16 | ServiceTypeId: number;
17 | serviceTypeDescription: string;
18 | description: string;
19 | showStats: boolean;
20 | waitingTime: number;
21 | HasCalendarService: boolean;
22 | DynamicFormsEnabled: boolean;
23 | HasFIFOService: boolean;
24 | ExtRef: string;
25 | LocationId: number;
26 | }
27 | export type LocationServicesResponse = CommonResultsResponse
50 |
51 |
52 | );
53 | };
54 |
--------------------------------------------------------------------------------
/src/lib/constants.ts:
--------------------------------------------------------------------------------
1 | export const OrganizationID = 56;
2 | export const MockPosition = JSON.stringify({ lat: 36, lng: 15, accuracy: 9999 });
3 |
4 | export enum ServiceIds {
5 | BiometricPassportAppointment = 156,
6 | }
7 |
8 | export enum City {
9 | Rahat =
52 |
71 | );
72 | };
73 |
--------------------------------------------------------------------------------
/src/components/UserMetadata/UserMetadata.tsx:
--------------------------------------------------------------------------------
1 | import React, { FunctionComponent } from 'react';
2 | import styles from './UserMetadata.scss';
3 | import { Input, Select, Typography } from 'antd';
4 | import Content from '@src/content.json';
5 | import {
6 | validateIsraeliIdNumber,
7 | validateNumberOfAllowedCities,
8 | validatePhoneNumber,
9 | } from '@src/validators/validators';
10 | import { UserMetadataTestIds } from '@src/components/dataTestIds';
11 | import { DateOptions, DateRangePicker } from '@src/components/DateRangePicker/DateRangePicker';
12 | import { Locations } from '@src/lib/locations';
13 | import { UserMetadata as UserMetadataType } from '@src/services/storage';
14 | import { SetMetadata } from '@src/hooks/userMetadata';
15 |
16 | const { Text } = Typography;
17 |
18 | interface IUserMetadata {
19 | userMetadata: UserMetadataType;
20 | onMetadataChanged: SetMetadata;
21 | }
22 |
23 | const ALL_CITIES = Array.from(new Set(Locations.map((location) => location.city))).map((value) => ({ value }));
24 |
25 | export const UserMetadata: FunctionComponent
55 | {Content.title}
56 |
60 |
61 |
57 |
59 |
64 |
66 |
67 | {searchStatus.message &&
32 | onMetadataChanged('id')(e.target.value)}
40 | data-testid={UserMetadataTestIds.ID}
41 | />
42 | onMetadataChanged('phone')(e.target.value)}
50 | data-testid={UserMetadataTestIds.PHONE_NUMBER}
51 | />
52 | {Content.maxCitiesText}
53 |
64 |
70 | );
71 | };
72 |
--------------------------------------------------------------------------------
/test/RTL/RTLUserMetadataDriver.tsx:
--------------------------------------------------------------------------------
1 | import { fireEvent, RenderResult, screen } from '@testing-library/react';
2 | import userEvent from '@testing-library/user-event';
3 |
4 | import { DatePickerTestIds, UserMetadataTestIds } from '@src/components/dataTestIds';
5 |
6 | export class RTLUserMetadataDriver {
7 | constructor(private readonly renderResult: RenderResult) {}
8 |
9 | private getStartDateElement() {
10 | return this.renderResult.getByTestId(DatePickerTestIds.START_DATE_PICKER);
11 | }
12 |
13 | private getEndDateElement() {
14 | return this.renderResult.getByTestId(DatePickerTestIds.END_DATE_PICKER);
15 | }
16 |
17 | private getUserId() {
18 | return this.renderResult.getByTestId(UserMetadataTestIds.ID);
19 | }
20 |
21 | private getPhoneNumber() {
22 | return this.renderResult.getByTestId(UserMetadataTestIds.PHONE_NUMBER);
23 | }
24 |
25 | private setDate(element: Element, updatedDate: string) {
26 | fireEvent.mouseDown(element);
27 | fireEvent.change(element, { target: { value: updatedDate } });
28 | const calenderDate = document.querySelector('.ant-picker-cell-selected') as Element;
29 | fireEvent.click(calenderDate);
30 | }
31 |
32 | get = {
33 | userId: () => this.getUserId().getAttribute('value'),
34 |
35 | phoneNumber: () => this.getPhoneNumber().getAttribute('value'),
36 |
37 | startDate: () => this.getStartDateElement().getAttribute('value'),
38 |
39 | endDate: () => this.getEndDateElement().getAttribute('value'),
40 | };
41 |
42 | when = {
43 | fillUserId: (userId: string) => {
44 | const element = this.getUserId();
45 | fireEvent.change(element, { target: { value: userId } });
46 | },
47 |
48 | fillPhoneNumber: (phoneNumber: string) => {
49 | const element = this.getPhoneNumber();
50 | fireEvent.change(element, { target: { value: phoneNumber } });
51 | },
52 |
53 | selectCities: (cities: string[]) => {
54 | const select = screen.getByRole('combobox');
55 | userEvent.click(select);
56 |
57 | cities.forEach((city) => {
58 | const cityOptions = screen.getAllByText(city);
59 | const selectedOption = cityOptions[cityOptions.length - 1];
60 | userEvent.click(selectedOption);
61 | });
62 | },
63 |
64 | chooseStartDate: (startDate: string) => {
65 | const element = this.getStartDateElement();
66 | fireEvent.mouseDown(element);
67 | fireEvent.change(element, { target: { value: startDate } });
68 | const calenderDate = document.querySelectorAll('.ant-picker-cell-selected')[0] as Element;
69 | userEvent.click(calenderDate);
70 | },
71 |
72 | chooseEndDate: (endDate: string) => {
73 | const element = this.getEndDateElement();
74 | fireEvent.mouseDown(element);
75 | fireEvent.change(element, { target: { value: endDate } });
76 | const calenderDates = document.querySelectorAll('.ant-picker-cell-selected');
77 | const calenderDate = calenderDates[calenderDates.length - 1] as Element;
78 | userEvent.click(calenderDate);
79 | },
80 | };
81 | }
82 |
--------------------------------------------------------------------------------
/src/components/DateRangePicker/DateRangePicker.tsx:
--------------------------------------------------------------------------------
1 | import React, { FunctionComponent } from 'react';
2 | import parse from 'date-fns/parse';
3 | import {} from '@src/services/storage';
4 | import Content from '@src/content.json';
5 | import { DatePicker, Typography } from 'antd';
6 | import styles from './DateRangePicker.scss';
7 | import dayjs, { Dayjs } from 'dayjs';
8 | const { Text } = Typography;
9 | import { DateUtils, IsraelDateFormat } from '@src/lib/utils/date';
10 | import { DatePickerTestIds } from '@src/components/dataTestIds';
11 | import { validateStartDate, validateEndDate } from '@src/validators/validators';
12 |
13 | export enum DateOptions {
14 | START_DATE = 'startDate',
15 | END_DATE = 'endDate',
16 | }
17 |
18 | interface IDateRangePickerProps {
19 | startDate: number;
20 | endDate: number;
21 | onDateChanged: (selectedDate: Date, dateOption: DateOptions) => void;
22 | }
23 |
24 | export const DateRangePicker: FunctionComponent
41 |
68 | );
69 | };
70 |
--------------------------------------------------------------------------------
/test/handlers.driver.ts:
--------------------------------------------------------------------------------
1 | import nock from 'nock';
2 | import { GetCalendarSlotTask, GetServiceIdByLocationIdTask, Priority, TaskType } from '@src/content-script/task';
3 | import { BaseURL, HttpService, PartialURLs } from '@src/lib/http';
4 | import { LocationServicesResponse, SearchAvailableSlotsResponse } from '@src/lib/api';
5 | import { PriorityQueue } from '@src/content-script/priority-queue';
6 | import { Handler as GetSlotForCalendar } from '@src/content-script/handlers/get-slot-for-calendar/get-slot-for-calendar';
7 | import { Handler as GetServiceByLocation } from '@src/content-script/handlers/get-service-by-location/get-service-by-location';
8 | import { Locations } from '@src/lib/locations';
9 | import { ServiceIds } from '@src/lib/constants';
10 | import { StorageService } from '@src/services/storage';
11 | import browser from 'webextension-polyfill';
12 | import { LocalStorageTestkit } from '@test/testkits/storage.testkit';
13 | import { BaseParams } from '@src/content-script/handlers';
14 |
15 | const storageTestkit = browser.storage.local as unknown as LocalStorageTestkit;
16 |
17 | export class HandlersDriver {
18 | private baseParams: BaseParams = {
19 | priorityQueue: new PriorityQueue(),
20 | slotsQueue: new PriorityQueue(),
21 | httpService: new HttpService(() => Promise.resolve()),
22 | storage: new StorageService(),
23 | };
24 |
25 | private getSlotForCalendarHandler = new GetSlotForCalendar(this.baseParams);
26 | private getServiceByLocationHandler = new GetServiceByLocation(this.baseParams, Locations);
27 |
28 | given = {
29 | storageValue: (val: Record
42 | {Content.startDateForAppointment.title}
43 | date && shouldDisabledDates(date)}
50 | status={!validateStartDate(props.startDate, props.endDate) ? 'error' : ''}
51 | onChange={(_, dateString) => _onDateChanged(dateString, DateOptions.START_DATE)}
52 | />
53 |
54 |
55 | {Content.endDateForAppointment.title}
56 | date && shouldDisabledDates(date)}
63 | status={!validateEndDate(props.endDate, props.startDate) ? 'error' : ''}
64 | onChange={(_, dateString) => _onDateChanged(dateString, DateOptions.END_DATE)}
65 | />
66 |
67 |
4 | 
5 |