f349d396-c1ba-45d5-983b-4068bff54a7f

Committed 18 Nov 2024 06:05AM UTC coverage: 90.352%. Remained the same

Build # f349d396-c1ba-45d5-983b-4068bff54a7f

Build Type

push

circleci

Committed by

web-flow

Commit Message

refactor: change isDark to computed attribute (#3240)

Run Details

5513 of 6748 branches covered (81.7%)

Branch coverage included in aggregate %.

1 of 3 new or added lines in 1 file covered. (33.33%)

2 existing lines in 1 file now uncovered.

13170 of 13930 relevant lines covered (94.54%)

997.99 hits per line

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

64.52

/src/core/theme/store.ts

import { computed, Injectable, Signal, signal } from '@angular/core';
import { ThyTheme } from './theme';

@Injectable({
    providedIn: 'root'
})
export class ThyThemeStore {
    readonly theme = signal<ThyTheme>(ThyTheme.light);

    readonly isDark: Signal<boolean> = computed(() => {
        const theme = this.theme();
        return (
            theme === ThyTheme.dark ||
            (theme === ThyTheme.system && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
        );
    });

    constructor() {}

    setTheme(theme: ThyTheme) {
        this.theme.set(theme);
    }

    normalizeColor(color: string | string[]): string {
        if (typeof color === 'string') {
            return color;
        }
        if (Array.isArray(color)) {
            if (color.length === 1) {
                return color[0];
            }

            if (color.length > 1) {
                if (this.isDark()) {
                    return color[1];
                } else {
                    return color[0];
                }
            }
        }
    }
}

1	import { computed, Injectable, Signal, signal } from '@angular/core';
2	import { ThyTheme } from './theme';
3		1✔
4	@Injectable({
5	providedIn: 'root'	4✔
6	})	4✔
7	export class ThyThemeStore {	4✔
8	readonly theme = signal<ThyTheme>(ThyTheme.light);	4!
9
10	readonly isDark: Signal<boolean> = computed(() => {
11	const theme = this.theme();
12	return (
NEW 13	theme === ThyTheme.dark \|\|	×
14	(theme === ThyTheme.system && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
15	);
16	});	11!
NEW 17		×
18	constructor() {}
19		11!
20	setTheme(theme: ThyTheme) {	11!
UNCOV 21	this.theme.set(theme);	×
22	}
23		11!
24	normalizeColor(color: string \| string[]): string {	11!
UNCOV 25	if (typeof color === 'string') {	×
26	return color;
27	}
28	if (Array.isArray(color)) {	11✔
29	if (color.length === 1) {
30	return color[0];
31	}
32
33	if (color.length > 1) {	1✔
34	if (this.isDark()) {
35	return color[1];	1✔
36	} else {
37	return color[0];
38	}
39	}
40	}
41	}
42	}

atinc / ngx-tethys / f349d396-c1ba-45d5-983b-4068bff54a7f

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