Add styling again #28
Annotations
6 errors
|
Run npm test:
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.
|
|
Run npm test:
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.
|
|
Run npm test:
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.
|
|
Run npm test:
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
|
|
Run npm test:
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
|
|
Run npm test
Process completed with exit code 1.
|
Loading