why firebase gets undefined while login through cypress-firebase npm module?

Question

I'm using

"cypress-firebase": "^2.0.0",
"firebase-admin": "^9.11.1"

In my cypress command.js file:

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/database";
import "firebase/firestore";
import { attachCustomCommands } from "cypress-firebase";

const fbConfig = {
}

firebase.initializeApp(fbConfig);

attachCustomCommands({ Cypress, cy, firebase });

When I try to execute the code, I face the following issue:

TypeError

The following error originated from your test code, not from Cypress:

> Cannot read property 'initializeApp' of undefined

samthecodingman · Accepted Answer · 2021-09-16 13:13:07Z

1

In v9 of the Firebase SDK the API surface changed to using modular, tree-shakeable code. Expect pretty much every piece of documentation or example code you see to have been written for v8 or older Firebase SDK versions that need updating.

Read more about migrating here.

Because cypress-firebase has not yet been updated to support the v9 SDK, you need to import the compatibility SDK instead. Note that the compatibility SDK is deprecated and ideally you should find a package that has been updated to support v9.

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/database";
import "firebase/compat/firestore";
import { attachCustomCommands } from "cypress-firebase";

const fbConfig = {
}

firebase.initializeApp(fbConfig);

attachCustomCommands({ Cypress, cy, firebase });

answered Sep 16, 2021 at 13:13

samthecodingman

26.5k4 gold badges41 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

why firebase gets undefined while login through cypress-firebase npm module?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related