Add styling again #28
main.yml
on: push
Build and unit test
22s
Firebase deploy
0s
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.
|