Skip to content

Add styling again

Add styling again #28

Triggered via push November 8, 2024 21:11
Status Failure
Total duration 32s
Artifacts

main.yml

on: push
Build and unit test
22s
Build and unit test
Firebase deploy
0s
Firebase deploy
Fit to window
Zoom out
Zoom in

Annotations

6 errors
Unhandled error: src/MapComponent.jsx#L14
TypeError: Cannot read properties of undefined (reading 'maps') ❯ initMap src/MapComponent.jsx:14:43 ❯ src/MapComponent.jsx:27:5 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11 ❯ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9 ❯ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7 ❯ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3 ❯ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3 ❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:27023:14 ❯ node_modules/react-dom/cjs/react-dom.development.js:26808:9 This error originated in "src/App.test.jsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "should show all the headings". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.
Unhandled error: src/MapComponent.jsx#L14
TypeError: Cannot read properties of undefined (reading 'maps') ❯ initMap src/MapComponent.jsx:14:43 ❯ src/MapComponent.jsx:27:5 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11 ❯ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9 ❯ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7 ❯ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3 ❯ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3 ❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:27023:14 ❯ node_modules/react-dom/cjs/react-dom.development.js:26808:9 This error originated in "src/Cafes_Nearby.test.jsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "src/Cafes_Nearby.test.jsx". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.
Unhandled error: src/MapComponent.jsx#L14
TypeError: Cannot read properties of undefined (reading 'maps') ❯ initMap src/MapComponent.jsx:14:43 ❯ src/MapComponent.jsx:27:5 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11 ❯ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9 ❯ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7 ❯ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3 ❯ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3 ❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:27023:14 ❯ node_modules/react-dom/cjs/react-dom.development.js:26808:9 This error originated in "src/App.test.jsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "show sign in/sign out button". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.
src/App.test.jsx > launching > should show all the headings: src/App.test.jsx#L9
TestingLibraryElementError: Unable to find an element with the text: /Update Cafe Availability/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="App" > <div class="banner-div" > <div class="logo-search-div" > <div class="logo-div" > <img alt="CafeWay Logo" src="/src/Icon.svg" /> <h1> CafeWay </h1> </div> <form> <input class="text-input" placeholder="Search for cafes near you" type="text" value="" /> <button class="search-btn" type="submit" > <img alt="Search Icon" src="/src/Search.svg" /> </button> </form> </div> <div class="banner-buttons" > <button class="banner-btn" > Login </button> </div> </div> <div style="height: 600px; width: 100%;" > <div style="width: 100%; height: 100%;" /> </div> </div> </div> </body> Ignored nodes: comments, script, style <body> <div> <div class="App" > <div class="banner-div" > <div class="logo-search-div" > <div class="logo-div" > <img alt="CafeWay Logo" src="/src/Icon.svg" /> <h1> CafeWay </h1> </div> <form> <input class="text-input" placeholder="Search for cafes near you" type="text" value="" /> <button class="search-btn" type="submit" > <img alt="Search Icon" src="/src/Search.svg" /> </button> </form> </div> <div class="banner-buttons" > <button class="banner-btn" > Login </button> </div> </div> <div style="height: 600px; width: 100%;" > <div style="width: 100%; height: 100%;" /> </div> </div> </div> </body> ❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33 ❯ src/App.test.jsx:9:18
src/App.test.jsx > authenticating > show sign in/sign out button: src/App.test.jsx#L19
TestingLibraryElementError: Unable to find an element with the text: /Sign In/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="App" > <div class="banner-div" > <div class="logo-search-div" > <div class="logo-div" > <img alt="CafeWay Logo" src="/src/Icon.svg" /> <h1> CafeWay </h1> </div> <form> <input class="text-input" placeholder="Search for cafes near you" type="text" value="" /> <button class="search-btn" type="submit" > <img alt="Search Icon" src="/src/Search.svg" /> </button> </form> </div> <div class="banner-buttons" > <button class="banner-btn" > Login </button> </div> </div> <div style="height: 600px; width: 100%;" > <div style="width: 100%; height: 100%;" /> </div> </div> </div> </body> Ignored nodes: comments, script, style <body> <div> <div class="App" > <div class="banner-div" > <div class="logo-search-div" > <div class="logo-div" > <img alt="CafeWay Logo" src="/src/Icon.svg" /> <h1> CafeWay </h1> </div> <form> <input class="text-input" placeholder="Search for cafes near you" type="text" value="" /> <button class="search-btn" type="submit" > <img alt="Search Icon" src="/src/Search.svg" /> </button> </form> </div> <div class="banner-buttons" > <button class="banner-btn" > Login </button> </div> </div> <div style="height: 600px; width: 100%;" > <div style="width: 100%; height: 100%;" /> </div> </div> </div> </body> ❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33 ❯ src/App.test.jsx:19:18
Build and unit test
Process completed with exit code 1.