feat: mileage plan builder and splits generator tab #53
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.
|