1778622d-f012-402e-be4f-39655b5bfd74

Committed 12 Dec 2023 08:18AM UTC coverage: 90.221% (-0.2%) from 90.396%

Build # 1778622d-f012-402e-be4f-39655b5bfd74

Build Type

Pull #2967

circleci

Committed by

mengshuicmq

Commit Message

test(datepicker): add test

Pull Request Pull Request #2967: feat(datePicker): date-picker support quarter(#INFR-10719)

Run Details

5366 of 6616 branches covered (0.0%)

Branch coverage included in aggregate %.

60 of 83 new or added lines in 7 files covered. (72.29%)

18 existing lines in 4 files now uncovered.

13391 of 14174 relevant lines covered (94.48%)

968.52 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

63.49

/src/date-picker/lib/quarter/quarter-table.component.ts

import { ChangeDetectionStrategy, Component, OnChanges } from '@angular/core';
import { TinyDate } from 'ngx-tethys/util';
import { DateHelperService } from '../../date-helper.service';
import { CalendarTable } from '../calendar/calendar-table.component';
import { DateCell, DateBodyRow } from '../date/types';
import { NgFor, NgClass, NgSwitch, NgSwitchCase } from '@angular/common';

/**
 * @private
 */
@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    // eslint-disable-next-line @angular-eslint/component-selector
    selector: 'quarter-table',
    exportAs: 'quarterTable',
    templateUrl: 'quarter-table.component.html',
    standalone: true,
    imports: [NgFor, NgClass]
})
export class QuarterTableComponent extends CalendarTable implements OnChanges {
    MAX_ROW = 1;

    MAX_COL = 4;

    constructor(private dateHelper: DateHelperService) {
        super();
    }

    private chooseQuarter(quarter: number): void {
        this.value = this.activeDate.setQuarter(quarter);
        this.valueChange.emit(this.value);
        this.render();
    }

    makeHeadRow(): DateCell[] {
        return [];
    }

    makeBodyRows(): DateBodyRow[] {
        const quarters: DateBodyRow[] = [];
        let quarterValue = 0;
        for (let rowIndex = 0; rowIndex < this.MAX_ROW; rowIndex++) {
            const row: DateBodyRow = {
                dateCells: [],
                trackByIndex: rowIndex
            };
            for (let colIndex = 0; colIndex < this.MAX_COL; colIndex++) {
                const quarter = this.activeDate.setQuarter(quarterValue + 1);
                const isDisabled = this.disabledDate ? this.disabledDate(quarter.nativeDate) : false;
                const content = `${quarter.format('qqq')}`;
                const cell: DateCell = {
                    trackByIndex: colIndex,
                    value: quarter.nativeDate,
                    isDisabled,
                    content,
                    title: content,
                    classMap: null,
                    isSelected: quarter.isSameQuarter(this.value),
                    onClick: () => {
                        this.chooseQuarter(quarter.getQuarter());
                    },
                    onMouseEnter: () => {}
                };
                this.addCellProperty(cell, quarter);
                row.dateCells.push(cell);
                quarterValue++;
            }
            quarters.push(row);
        }
        return quarters;
    }

    private addCellProperty(cell: DateCell, quarter: TinyDate): void {
        if (this.selectedValue?.length > 0) {
            const [startSelected, endSelected] = this.selectedValue;
            if (startSelected?.isSameQuarter(quarter)) {
                cell.isSelectedStartDate = true;
                cell.isSelected = true;
            }

            if (endSelected?.isSameQuarter(quarter)) {
                cell.isSelectedEndDate = true;
                cell.isSelected = true;
            }

            cell.isStartSingle = startSelected && !endSelected;
            cell.isEndSingle = !startSelected && !!endSelected;
            cell.isInRange = startSelected?.isBeforeQuarter(quarter) && quarter?.isBeforeQuarter(endSelected);
        } else if (quarter.isSameQuarter(this.value)) {
            cell.isSelected = true;
        }
        cell.classMap = this.getClassMap(cell, quarter);
    }

    quarterCellClick(event: Event, quarterCell: DateCell) {
        event.stopPropagation();
        return quarterCell.isDisabled ? null : quarterCell.onClick();
    }

    getClassMap(cell: DateCell, quarter: TinyDate): { [key: string]: boolean } {
        return {
            [`${this.prefixCls}-quarter-panel-cell`]: true,
            [`${this.prefixCls}-quarter-panel-cell-disabled`]: cell.isDisabled,
            [`${this.prefixCls}-quarter-panel-selected-cell`]: cell.isSelected,
            [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange,
            [`${this.prefixCls}-quarter-panel-current-cell`]:
                new TinyDate().getYear() === this.activeDate.getYear() && quarter.getQuarter() === new TinyDate().getQuarter()
        };
    }
}

1	import { ChangeDetectionStrategy, Component, OnChanges } from '@angular/core';
2	import { TinyDate } from 'ngx-tethys/util';
3	import { DateHelperService } from '../../date-helper.service';
4	import { CalendarTable } from '../calendar/calendar-table.component';
5	import { DateCell, DateBodyRow } from '../date/types';
6	import { NgFor, NgClass, NgSwitch, NgSwitchCase } from '@angular/common';
7
8	/**
9	* @private
10	*/
11	@Component({	1✔
12	changeDetection: ChangeDetectionStrategy.OnPush,
13	// eslint-disable-next-line @angular-eslint/component-selector	9✔
14	selector: 'quarter-table',	9✔
15	exportAs: 'quarterTable',	9✔
16	templateUrl: 'quarter-table.component.html',	9✔
17	standalone: true,
18	imports: [NgFor, NgClass]
19	})	2✔
20	export class QuarterTableComponent extends CalendarTable implements OnChanges {	2✔
21	MAX_ROW = 1;	2✔
22
23	MAX_COL = 4;
24		25✔
25	constructor(private dateHelper: DateHelperService) {
26	super();
27	}	25✔
28		25✔
29	private chooseQuarter(quarter: number): void {	25✔
30	this.value = this.activeDate.setQuarter(quarter);	25✔
31	this.valueChange.emit(this.value);
32	this.render();
33	}
34		25✔
35	makeHeadRow(): DateCell[] {	100✔
36	return [];	100!
37	}	100✔
38		100✔
39	makeBodyRows(): DateBodyRow[] {
40	const quarters: DateBodyRow[] = [];
41	let quarterValue = 0;
42	for (let rowIndex = 0; rowIndex < this.MAX_ROW; rowIndex++) {
43	const row: DateBodyRow = {
44	dateCells: [],
45	trackByIndex: rowIndex
46	};
47	for (let colIndex = 0; colIndex < this.MAX_COL; colIndex++) {	2✔
48	const quarter = this.activeDate.setQuarter(quarterValue + 1);
49	const isDisabled = this.disabledDate ? this.disabledDate(quarter.nativeDate) : false;
50	const content = `${quarter.format('qqq')}`;
51	const cell: DateCell = {	100✔
52	trackByIndex: colIndex,	100✔
53	value: quarter.nativeDate,	100✔
54	isDisabled,
55	content,	25✔
56	title: content,
57	classMap: null,	25✔
58	isSelected: quarter.isSameQuarter(this.value),
59	onClick: () => {
60	this.chooseQuarter(quarter.getQuarter());	100!
NEW 61	},	×
NEW 62	onMouseEnter: () => {}	×
NEW 63	};	×
NEW 64	this.addCellProperty(cell, quarter);	×
65	row.dateCells.push(cell);
NEW 66	quarterValue++;	×
NEW 67	}	×
NEW 68	quarters.push(row);	×
69	}
NEW 70	return quarters;	×
NEW 71	}	×
NEW 72		×
73	private addCellProperty(cell: DateCell, quarter: TinyDate): void {
74	if (this.selectedValue?.length > 0) {	100✔
75	const [startSelected, endSelected] = this.selectedValue;	10✔
76	if (startSelected?.isSameQuarter(quarter)) {
77	cell.isSelectedStartDate = true;	100✔
78	cell.isSelected = true;
79	}
80		2✔
81	if (endSelected?.isSameQuarter(quarter)) {	2!
82	cell.isSelectedEndDate = true;
83	cell.isSelected = true;
84	}	100✔
85
86	cell.isStartSingle = startSelected && !endSelected;
87	cell.isEndSingle = !startSelected && !!endSelected;
88	cell.isInRange = startSelected?.isBeforeQuarter(quarter) && quarter?.isBeforeQuarter(endSelected);
89	} else if (quarter.isSameQuarter(this.value)) {	180✔
90	cell.isSelected = true;
91	}
92	cell.classMap = this.getClassMap(cell, quarter);	1✔
93	}
94
95	quarterCellClick(event: Event, quarterCell: DateCell) {
96	event.stopPropagation();	1✔
97	return quarterCell.isDisabled ? null : quarterCell.onClick();
98	}
99
100	getClassMap(cell: DateCell, quarter: TinyDate): { [key: string]: boolean } {
101	return {
102	[`${this.prefixCls}-quarter-panel-cell`]: true,
103	[`${this.prefixCls}-quarter-panel-cell-disabled`]: cell.isDisabled,
104	[`${this.prefixCls}-quarter-panel-selected-cell`]: cell.isSelected,
105	[`${this.prefixCls}-in-range-cell`]: !!cell.isInRange,
106	[`${this.prefixCls}-quarter-panel-current-cell`]:
107	new TinyDate().getYear() === this.activeDate.getYear() && quarter.getQuarter() === new TinyDate().getQuarter()
108	};
109	}
110	}

atinc / ngx-tethys / 1778622d-f012-402e-be4f-39655b5bfd74

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous