fix: google analytics #10
Annotations
6 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 "Let's Work Together":
<a
class="button-primary group flex items-center justify-center gap-2"
data-discover="true"
href="#/#contact"
/>
Name "Need Help With Your Project?":
<a
class="button-primary group flex items-center justify-center gap-2"
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:
|
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 "Let's Work Together":
<a
class="button-primary group flex items-center justify-center gap-2"
data-discover="true"
href="#/#contact"
/>
Name "Need Help With Your Project?":
<a
class="button-primary group flex items-center justify-center gap-2"
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:
|
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 "Let's Work Together":
<a
class="button-primary group flex items-center justify-center gap-2"
data-discover="true"
href="#/#contact"
/>
Name "Need Help With Your Project?":
<a
class="button-primary group flex items-center justify-center gap-2"
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:
|
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
|