feat: remove cta #12
blumendorfAnnotations
9 errors and 1 warning
|
src/App.test.tsx > App > redering > renders footer and cookie banner:
src/App.test.tsx#L88
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Customize"
Here are the accessible roles:
navigation:
Name "":
<nav
class="bg-white/90 backdrop-blur-sm dark:bg-gray-800/90 shadow-sm fixed w-full z-20 top-0"
/>
--------------------------------------------------
link:
Name "Dr Marco Blumendorf":
<a
class="text-xl font-bold text-accent dark:text-accent-light"
data-discover="true"
href="#/#home"
/>
Name "Home":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Home":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Contact via Email":
<a
aria-label="Contact via Email"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="#"
/>
Name "Connect on LinkedIn":
<a
aria-label="Connect on LinkedIn"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://linkedin.com/in/marcoblu"
rel="noopener noreferrer"
target="_blank"
/>
Name "GitHub github.com/blumendorf":
<a
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://github.com/blumendorf"
rel="noopener noreferrer"
target="_blank"
/>
Name "Privacy Policy":
<a
class="hover:text-gray-800 dark:hover:text-white"
data-discover="true"
href="#/privacy-policy"
/>
Name "Impressum":
<a
cl
|
|
src/App.test.tsx > App > Cookie Banner > accepts all cookies:
src/App.test.tsx#L109
AssertionError: expected null to be 'true' // Object.is equality
- Expected:
"true"
+ Received:
null
❯ src/App.test.tsx:109:56
|
|
src/App.test.tsx > App > Cookie Banner > rejects all cookies:
src/App.test.tsx#L125
AssertionError: expected 'false' to be 'true' // Object.is equality
Expected: "true"
Received: "false"
❯ src/App.test.tsx:125:53
|
|
src/App.test.tsx > App > Cookie Banner > customizes cookies - disabled analytics:
src/App.test.tsx#L135
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Customize"
Here are the accessible roles:
navigation:
Name "":
<nav
class="bg-white/90 backdrop-blur-sm dark:bg-gray-800/90 shadow-sm fixed w-full z-20 top-0"
/>
--------------------------------------------------
link:
Name "Dr Marco Blumendorf":
<a
class="text-xl font-bold text-accent dark:text-accent-light"
data-discover="true"
href="#/#home"
/>
Name "Home":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Home":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Contact via Email":
<a
aria-label="Contact via Email"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="#"
/>
Name "Connect on LinkedIn":
<a
aria-label="Connect on LinkedIn"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://linkedin.com/in/marcoblu"
rel="noopener noreferrer"
target="_blank"
/>
Name "GitHub github.com/blumendorf":
<a
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://github.com/blumendorf"
rel="noopener noreferrer"
target="_blank"
/>
Name "Privacy Policy":
<a
class="hover:text-gray-800 dark:hover:text-white"
data-discover="true"
href="#/privacy-policy"
/>
Name "Impressum":
<a
cl
|
|
src/App.test.tsx > App > Cookie Banner > customizes cookies - disabled analytics:
src/App.test.tsx#L173
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Customize"
Here are the accessible roles:
navigation:
Name "":
<nav
class="bg-white/90 backdrop-blur-sm dark:bg-gray-800/90 shadow-sm fixed w-full z-20 top-0"
/>
--------------------------------------------------
link:
Name "Dr Marco Blumendorf":
<a
class="text-xl font-bold text-accent dark:text-accent-light"
data-discover="true"
href="#/#home"
/>
Name "Home":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Home":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Contact via Email":
<a
aria-label="Contact via Email"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="#"
/>
Name "Connect on LinkedIn":
<a
aria-label="Connect on LinkedIn"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://linkedin.com/in/marcoblu"
rel="noopener noreferrer"
target="_blank"
/>
Name "GitHub github.com/blumendorf":
<a
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://github.com/blumendorf"
rel="noopener noreferrer"
target="_blank"
/>
Name "Privacy Policy":
<a
class="hover:text-gray-800 dark:hover:text-white"
data-discover="true"
href="#/privacy-policy"
/>
Name "Impressum":
<a
cl
|
|
src/App.test.tsx > App > CTA buttons > clicks the CTA buttons to scroll to contact section:
src/App.test.tsx#L210
TestingLibraryElementError: Unable to find an accessible element with the role "link" and name "Let's Work Together"
Here are the accessible roles:
navigation:
Name "":
<nav
class="bg-white/90 backdrop-blur-sm dark:bg-gray-800/90 shadow-sm fixed w-full z-20 top-0"
/>
--------------------------------------------------
link:
Name "Dr Marco Blumendorf":
<a
class="text-xl font-bold text-accent dark:text-accent-light"
data-discover="true"
href="#/#home"
/>
Name "Home":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Home":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#home"
/>
Name "About":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#about"
/>
Name "Expertise":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#expertise"
/>
Name "Tech Stack":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#tech-stack"
/>
Name "Timeline":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#timeline"
/>
Name "Contact":
<a
class="block w-full text-left px-3 py-2 text-gray-600 hover:text-accent dark:text-gray-300 dark:hover:text-accent-light transition-colors duration-200"
data-discover="true"
href="#/#contact"
/>
Name "Contact via Email":
<a
aria-label="Contact via Email"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="#"
/>
Name "Connect on LinkedIn":
<a
aria-label="Connect on LinkedIn"
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://linkedin.com/in/marcoblu"
rel="noopener noreferrer"
target="_blank"
/>
Name "GitHub github.com/blumendorf":
<a
class="group flex items-center p-4 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-xl transition-all duration-300"
href="https://github.com/blumendorf"
rel="noopener noreferrer"
target="_blank"
/>
Name "Privacy Policy":
<a
class="hover:text-gray-800 dark:hover:text-white"
data-discover="true"
href="#/privacy-policy"
/>
Name "Impressum":
<
|
|
src/App.test.tsx > App > Navigation > clicks the desktop navigation buttons to scroll to the correct section:
src/App.test.tsx#L265
Error: expect(element).toHaveAttribute("id", "home") // element.getAttribute("id") === "home"
Expected the element to have attribute:
id="home"
Received:
id="contact"
❯ src/App.test.tsx:265:25
❯ src/App.test.tsx:250:16
|
|
src/App.test.tsx > App > Navigation > clicks the mobile navigation buttons to scroll to the correct section:
src/App.test.tsx#L321
Error: expect(element).toHaveAttribute("id", "home") // element.getAttribute("id") === "home"
Expected the element to have attribute:
id="home"
Received:
id="contact"
❯ src/App.test.tsx:321:25
❯ src/App.test.tsx:306:16
|
|
build-and-lint
Process completed with exit code 1.
|
|
build-and-lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|