feat: mileage plan builder and splits generator tab #54
djm158Annotations
23 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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:rf:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rg:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:ru:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rv:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1d:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1e:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1s:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1t:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2b:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2c:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2q:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2r:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
build (22.x)
Process completed with exit code 1.
|
|
build (20.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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:rf:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rg:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:ru:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rv:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1d:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1e:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1s:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1t:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2b:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2c:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2q:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2r:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:rf:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rg:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:ru:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:rv:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1d:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1e:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value="10"
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r1s:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r1t:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2b:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2c:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
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"
>
Distance
</h2>
<div
class="grid grid-cols-3 md:grid-cols-distance-calculator gap-3"
>
<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="distance"
placeholder="Distance"
step="0.1"
type="number"
value=""
/>
<button
aria-autocomplete="none"
aria-controls="radix-:r2q:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
>
Miles
</span>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</button>
<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-3 md:col-start-3 md:col-span-1"
>
Calculate
</button>
<button
aria-autocomplete="none"
aria-controls="radix-:r2r:"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 md:col-span-1 row-start-1 md:row-start-2"
data-placeholder=""
data-state="closed"
dir="ltr"
role="combobox"
|
|
build (18.x)
The operation was canceled.
|