0bbb2cec-209e-4d8a-b1b3-6bc54e05daa6

Committed 04 Sep 2023 08:40AM UTC coverage: 15.616% (-74.6%) from 90.2%

Build # 0bbb2cec-209e-4d8a-b1b3-6bc54e05daa6

Build Type

Pull #2829

circleci

Committed by

cmm-va

Commit Message

fix: add test

Pull Request Pull Request #2829: fix: add tabIndex

Run Details

300 of 6386 branches covered (0.0%)

Branch coverage included in aggregate %.

78 of 78 new or added lines in 26 files covered. (100.0%)

2849 of 13779 relevant lines covered (20.68%)

83.41 hits per line

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

50.0

/src/tabs/tab-content.component.ts

import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
import { NgIf, NgTemplateOutlet } from '@angular/common';

/**
 * @private
 */
@Component({
    selector: 'thy-tab-content, [thyTabContent]',
    exportAs: 'thyTabContent',
    preserveWhitespaces: false,
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    template: `
        <ng-container *ngIf="active">
            <ng-template [ngTemplateOutlet]="content"></ng-template>
        </ng-container>
    `,
    host: {
        class: 'thy-tab-content',
        '[attr.aria-hidden]': '!active',
        '[attr.tabindex]': 'active ? 0 : -1',
        '[style.visibility]': 'tabPaneAnimated ? active ? null : "hidden" : null',
        '[style.height]': 'tabPaneAnimated ? active ? null : 0 : null',
        '[style.overflow-y]': 'tabPaneAnimated ? active ? null : "none" : null',
        '[style.display]': '!tabPaneAnimated ? active ? null : "none" : null'
    },
    standalone: true,
    imports: [NgIf, NgTemplateOutlet]
})
export class ThyTabContentComponent {
    @Input() content: TemplateRef<void> | null = null;

    @Input() active = false;

    @Input() tabPaneAnimated = true;
}

1	import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
2	import { NgIf, NgTemplateOutlet } from '@angular/common';
3
4	/**
5	* @private
6	*/
7	@Component({	1✔
8	selector: 'thy-tab-content, [thyTabContent]',
9	exportAs: 'thyTabContent',	×
10	preserveWhitespaces: false,	×
11	encapsulation: ViewEncapsulation.None,	×
12	changeDetection: ChangeDetectionStrategy.OnPush,
13	template: `	1✔
14	<ng-container *ngIf="active">
15	<ng-template [ngTemplateOutlet]="content"></ng-template>
16	</ng-container>
17	`,
18	host: {
19	class: 'thy-tab-content',	1✔
20	'[attr.aria-hidden]': '!active',
21	'[attr.tabindex]': 'active ? 0 : -1',
22	'[style.visibility]': 'tabPaneAnimated ? active ? null : "hidden" : null',
23	'[style.height]': 'tabPaneAnimated ? active ? null : 0 : null',
24	'[style.overflow-y]': 'tabPaneAnimated ? active ? null : "none" : null',
25	'[style.display]': '!tabPaneAnimated ? active ? null : "none" : null'
26	},
27	standalone: true,
28	imports: [NgIf, NgTemplateOutlet]
29	})
30	export class ThyTabContentComponent {
31	@Input() content: TemplateRef<void> \| null = null;
32
33	@Input() active = false;
34
35	@Input() tabPaneAnimated = true;
36	}

atinc / ngx-tethys / 0bbb2cec-209e-4d8a-b1b3-6bc54e05daa6

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