Skip to content

feat: mileage plan builder and splits generator tab #53

feat: mileage plan builder and splits generator tab

feat: mileage plan builder and splits generator tab #53

Triggered via pull request February 11, 2025 18:41
Status Failure
Total duration 31s
Artifacts

ci.yml

on: pull_request
Matrix: build
Fit to window
Zoom out
Zoom in

Annotations

22 errors
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates time: src/components/pace-calculator/calculator.test.tsx#L29
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates pace: src/components/pace-calculator/calculator.test.tsx#L48
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates distance: src/components/pace-calculator/calculator.test.tsx#L68
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > handles pace conversion from miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L97
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts kilometers to miles: src/components/pace-calculator/calculator.test.tsx#L125
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L170
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
build (22.x)
Process completed with exit code 1.
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates time: src/components/pace-calculator/calculator.test.tsx#L29
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates pace: src/components/pace-calculator/calculator.test.tsx#L48
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates distance: src/components/pace-calculator/calculator.test.tsx#L68
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > handles pace conversion from miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L97
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts kilometers to miles: src/components/pace-calculator/calculator.test.tsx#L125
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L170
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
build (20.x)
Process completed with exit code 1.
build (18.x)
The job was canceled because "_22_x" failed.
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates time: src/components/pace-calculator/calculator.test.tsx#L29
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates pace: src/components/pace-calculator/calculator.test.tsx#L48
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > calculates distance: src/components/pace-calculator/calculator.test.tsx#L68
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > handles pace conversion from miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L97
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts kilometers to miles: src/components/pace-calculator/calculator.test.tsx#L125
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
src/components/pace-calculator/calculator.test.tsx > Calculator > converts miles to kilometers: src/components/pace-calculator/calculator.test.tsx#L170
TestingLibraryElementError: Unable to find an element with the placeholder text of: Min Ignored nodes: comments, script, style <body> <div> <div class="rounded-lg border text-card-foreground shadow-sm bg-white/30 dark:bg-black/30 backdrop-blur-lg" > <div class="flex flex-col space-y-1.5 p-6 border-b" > <div class="text-2xl font-semibold leading-none tracking-tight text-pink-600 dark:text-pink-300" > Pace Calculator </div> </div> <div class="flex flex-col items-center justify-center p-3 sm:p-6" > <div class="space-y-3 md:space-y-6 w-full" > <div> <h2 class="text-lg font-semibold" > Time </h2> <div class="grid grid-rows-2 grid-cols-3 md:grid-cols-pace-calculator md:grid-rows-1 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" name="hours" placeholder="HH" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="minutes" placeholder="MM" type="number" value="" /> <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" max="59" min="0" name="seconds" placeholder="SS" step="0.1" type="number" value="" /> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-pink-600 text-white hover:bg-pink-700 h-9 rounded-md px-3 col-span-1 col-start-3 md:col-start-4" > Calculate </button> </div> </div> <div> <h2 class="text-lg font-semibold" > Pace </h2> <div class="grid grid-cols-3 md:grid-cols-pace-calculator grid-rows-2 gap-3 pb-2" > <input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" min="0" name="paceHours" placeho
build (18.x)
Process completed with exit code 1.