'it block' start running before beforeEach complete

[TahirMehmood8082]

look
cypress start beforeEach
then start it block, where obvious breaks
then complete beforeEach
and end

it-runs-before-beforeEach-completes.mp4

=====================================================================
const { loginTest } = require("../../1-Login/login.cy");
import CourseProgress from "../../../PageObjects/2-Dashboard/1-CourseProgress/CourseProgress";

describe("Course Progress", () => {
beforeEach(() => {
cy.log("I am beforeEach");
loginTest();
cy.log("End beforeEach");
});

it("should load viewCurrentDay model", () => {
cy.log("I am it block");
const cp = new CourseProgress();
cp.validateCourseProgressBannerExistOnDashboard();
cp.validateCourseProgressBannerHeading();

//   cy.wrap(null)

// .then(() => {
// cp.clickViewCurrentDayButton();
// })
// .then(() => {
// cp.verifyViewCurrentDayModelVisible();
// })
// .then(() => {
// cp.verifyModelTitleHeading();
// })
// .then(() => {
// cp.clickMarkAsReadHeaderBtn();
// })
// .then(() => {
// cp.verifyMarkAsCompleteHeaderBtnPopUp();
// })
// .then(() => {
// cp.clickMarkAsCompletePopUpConfirmedButton();
// })
// // .then(() => {
// // cp.verifyVideoExist();
// // })
// .then(() => {
// cp.clickMarkAsReadFooterBtn();
// })
// .then(() => {
// cp.verifyMarkAsCompleteBtnFooterPopUp();
// });
// Continue with the rest of your test
cy.log("End it");
});
});