25445884823

Committed 06 May 2026 03:49PM UTC coverage: 78.09% (+1.2%) from 76.913%

Build # 25445884823

Build Type

push

github

Committed by

rolandgeider

Commit Message

Refactor mutation and debounce logic

Coverage Stats

2224 of 3138 branches covered (70.87%)

Branch coverage included in aggregate %.

10 of 12 new or added lines in 2 files covered. (83.33%)

109 existing lines in 13 files now uncovered.

4833 of 5899 relevant lines covered (81.93%)

31.64 hits per line

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

85.19

/src/components/Exercises/forms/Variation.tsx

import React, { useState } from "react";
import { VariationSelect } from "@/components/Exercises/forms/VariationSelect";
import { useEditExerciseQuery } from "@/components/Exercises/queries";
import { useProfileQuery } from "@/components/User";

export function EditExerciseVariation(props: { exerciseId: number, initial: string | null }) {
    const [selectedVariationId, setSelectedVariationId] = useState<string | null>(props.initial);
    const [selectedNewVariationExerciseId, setSelectedNewVariationExerciseId] = useState<number | null>(null);
    const profileQuery = useProfileQuery();
    const editMutation = useEditExerciseQuery();

    const handleChangeVariationId = async (id: string | null) => {
        setSelectedVariationId(id);
        setSelectedNewVariationExerciseId(null);

        await editMutation.mutateAsync({
            id: props.exerciseId,
            data: {
                // eslint-disable-next-line camelcase
                variation_group: id,
                // eslint-disable-next-line camelcase
                license_author: profileQuery.data!.username
            },
        });
    };

    const handleChangeNewVariationExerciseId = async (id: number | null) => {
        const previousVariationId = selectedVariationId;
        setSelectedNewVariationExerciseId(id);
        setSelectedVariationId(null);

        if (id !== null) {
            // Generate a new variation group UUID and assign both exercises to it
            const variationGroup = crypto.randomUUID();
            try {
                await editMutation.mutateAsync({
                    id: props.exerciseId,
                    data: {
                        // eslint-disable-next-line camelcase
                        variation_group: variationGroup,
                        // eslint-disable-next-line camelcase
                        license_author: profileQuery.data!.username
                    },
                });
                await editMutation.mutateAsync({
                    id,
                    data: {
                        // eslint-disable-next-line camelcase
                        variation_group: variationGroup,
                        // eslint-disable-next-line camelcase
                        license_author: profileQuery.data!.username
                    },
                });
                setSelectedVariationId(variationGroup);
                setSelectedNewVariationExerciseId(null);
            } catch {
                // Rollback on failure
                setSelectedVariationId(previousVariationId);
                setSelectedNewVariationExerciseId(null);
            }
        } else {
            try {
                await editMutation.mutateAsync({
                    id: props.exerciseId,
                    data: {
                        // eslint-disable-next-line camelcase
                        variation_group: null,
                        // eslint-disable-next-line camelcase
                        license_author: profileQuery.data!.username
                    },
                });
            } catch {
                setSelectedVariationId(previousVariationId);
            }
        }
    };

    return (
        <VariationSelect
            exerciseId={props.exerciseId}
            selectedVariationId={selectedVariationId}
            selectedNewVariationExerciseId={selectedNewVariationExerciseId}
            onChangeVariationId={handleChangeVariationId}
            onChangeNewVariationExerciseId={handleChangeNewVariationExerciseId}
        />
    );
}

1	import React, { useState } from "react";
2	import { VariationSelect } from "@/components/Exercises/forms/VariationSelect";
3	import { useEditExerciseQuery } from "@/components/Exercises/queries";
4	import { useProfileQuery } from "@/components/User";
5
6	export function EditExerciseVariation(props: { exerciseId: number, initial: string \| null }) {
7	const [selectedVariationId, setSelectedVariationId] = useState<string \| null>(props.initial);	10✔
8	const [selectedNewVariationExerciseId, setSelectedNewVariationExerciseId] = useState<number \| null>(null);	10✔
9	const profileQuery = useProfileQuery();	10✔
10	const editMutation = useEditExerciseQuery();	10✔
11
12	const handleChangeVariationId = async (id: string \| null) => {	10✔
13	setSelectedVariationId(id);	2✔
14	setSelectedNewVariationExerciseId(null);	2✔
15
16	await editMutation.mutateAsync({	2✔
17	id: props.exerciseId,
18	data: {
19	// eslint-disable-next-line camelcase
20	variation_group: id,
21	// eslint-disable-next-line camelcase
22	license_author: profileQuery.data!.username
23	},
24	});
25	};
26
27	const handleChangeNewVariationExerciseId = async (id: number \| null) => {	10✔
28	const previousVariationId = selectedVariationId;	2✔
29	setSelectedNewVariationExerciseId(id);	2✔
30	setSelectedVariationId(null);	2✔
31
32	if (id !== null) {	2!
33	// Generate a new variation group UUID and assign both exercises to it
34	const variationGroup = crypto.randomUUID();	2✔
35	try {	2✔
36	await editMutation.mutateAsync({	2✔
37	id: props.exerciseId,
38	data: {
39	// eslint-disable-next-line camelcase
40	variation_group: variationGroup,
41	// eslint-disable-next-line camelcase
42	license_author: profileQuery.data!.username
43	},
44	});
45	await editMutation.mutateAsync({	2✔
46	id,
47	data: {
48	// eslint-disable-next-line camelcase
49	variation_group: variationGroup,
50	// eslint-disable-next-line camelcase
51	license_author: profileQuery.data!.username
52	},
53	});
54	setSelectedVariationId(variationGroup);	1✔
55	setSelectedNewVariationExerciseId(null);	1✔
56	} catch {
57	// Rollback on failure
58	setSelectedVariationId(previousVariationId);	1✔
59	setSelectedNewVariationExerciseId(null);	1✔
60	}
61	} else {
UNCOV 62	try {	×
UNCOV 63	await editMutation.mutateAsync({	×
64	id: props.exerciseId,
65	data: {
66	// eslint-disable-next-line camelcase
67	variation_group: null,
68	// eslint-disable-next-line camelcase
69	license_author: profileQuery.data!.username
70	},
71	});
72	} catch {
UNCOV 73	setSelectedVariationId(previousVariationId);	×
74	}
75	}
76	};
77
78	return (	10✔
79	<VariationSelect
80	exerciseId={props.exerciseId}
81	selectedVariationId={selectedVariationId}
82	selectedNewVariationExerciseId={selectedNewVariationExerciseId}
83	onChangeVariationId={handleChangeVariationId}
84	onChangeNewVariationExerciseId={handleChangeNewVariationExerciseId}
85	/>
86	);
87	}

wger-project / react / 25445884823

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