From 7ff319d736715f388ea74fda82a4fff020877451 Mon Sep 17 00:00:00 2001 From: marckender Date: Tue, 1 Jul 2025 01:27:57 -0400 Subject: [PATCH] fix: onboarding stepper page, home controller unit test --- .../hero-stepper/hero-stepper.module.scss | 22 + .../components/hero-stepper/index.tsx | 7 +- .../seller-onboarding-hero/hero.module.scss | 6 +- .../seller-onboarding-hero/index.tsx | 2 +- .../__snapshots__/index.unit.spec.tsx.snap | 475 ++++++++---------- .../src/pages/home/home.view.unit.spec.tsx | 16 +- 6 files changed, 266 insertions(+), 262 deletions(-) diff --git a/src/pages/seller-onboarding/components/hero-stepper/hero-stepper.module.scss b/src/pages/seller-onboarding/components/hero-stepper/hero-stepper.module.scss index 65b642fb..5c71be2c 100644 --- a/src/pages/seller-onboarding/components/hero-stepper/hero-stepper.module.scss +++ b/src/pages/seller-onboarding/components/hero-stepper/hero-stepper.module.scss @@ -17,6 +17,28 @@ margin-top: 64px; gap: 32px; + div { + display: flex; + flex-direction: column; + align-items: center; + .steps { + display: flex; + justify-content: center; + align-items: center; + gap: 16px; + height: 32px; + width: 32px; + + border: 2px solid var(--blue-principal-000052); + border-radius: 50%; + + p { + font-size: 1.125rem; + font-weight: 700; + } + } + } + h1 { color: var(--blue-principal-000052); margin-bottom: 16px; diff --git a/src/pages/seller-onboarding/components/hero-stepper/index.tsx b/src/pages/seller-onboarding/components/hero-stepper/index.tsx index 3ef743a6..d6f89b59 100644 --- a/src/pages/seller-onboarding/components/hero-stepper/index.tsx +++ b/src/pages/seller-onboarding/components/hero-stepper/index.tsx @@ -12,8 +12,8 @@ const SellerOnboardingHeroStepper: React.FC = () => { return (
- - {steps.map((label) => ( + + {steps.map((label, i) => ( @@ -23,15 +23,18 @@ const SellerOnboardingHeroStepper: React.FC = () => {
+ {/*

1

*/}

Apply to shop and start earning today

Sign up now and see why over 600,000 shoppers choose Instacart for flexible earnings.

+ {/*

2

*/}

Apply to shop and start earning today

Sign up now and see why over 600,000 shoppers choose Instacart for flexible earnings.

+ {/*

3

*/}

Apply to shop and start earning today

Sign up now and see why over 600,000 shoppers choose Instacart for flexible earnings.

diff --git a/src/pages/seller-onboarding/components/seller-onboarding-hero/hero.module.scss b/src/pages/seller-onboarding/components/seller-onboarding-hero/hero.module.scss index adb43c6c..28792f9c 100644 --- a/src/pages/seller-onboarding/components/seller-onboarding-hero/hero.module.scss +++ b/src/pages/seller-onboarding/components/seller-onboarding-hero/hero.module.scss @@ -2,7 +2,7 @@ display: grid; grid-template-columns: 53.5% 41%; gap: 0px 32px; - height: 480px; + min-height: 500px; .hero_content { display: flex; @@ -14,7 +14,7 @@ h1 { margin-top: 32px; - font-size: 4.5vw; + font-size: 2.8vw; line-height: 1.2; color: var(--blue-principal-000052); } @@ -29,7 +29,7 @@ background-image: url('../../../../../public/assets/hero/heroOnboarding.svg'); background-repeat: no-repeat; background-position: center; - background-size: 100%; + background-size: 80%; object-fit: cover; } } diff --git a/src/pages/seller-onboarding/components/seller-onboarding-hero/index.tsx b/src/pages/seller-onboarding/components/seller-onboarding-hero/index.tsx index eda487a8..2e69eecc 100644 --- a/src/pages/seller-onboarding/components/seller-onboarding-hero/index.tsx +++ b/src/pages/seller-onboarding/components/seller-onboarding-hero/index.tsx @@ -70,7 +70,7 @@ const {
- + {/* Hero images */}
diff --git a/tests/units/src/components/footer/__snapshots__/index.unit.spec.tsx.snap b/tests/units/src/components/footer/__snapshots__/index.unit.spec.tsx.snap index e91d29db..a707db7e 100644 --- a/tests/units/src/components/footer/__snapshots__/index.unit.spec.tsx.snap +++ b/tests/units/src/components/footer/__snapshots__/index.unit.spec.tsx.snap @@ -5,286 +5,253 @@ exports[`Footer should render the the footer with default data 1`] = `
-
- [object Object] - [object Object] - [object Object] - [object Object] - [object Object] - [object Object] - [object Object] -
-
-
-
-
+

- Kontakte nou + NUVANN

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris -

- -
-

- - - - - - - - Rua Inambu 540, Efapi-Chapeco, SC -

-

- - - - - - - - +55-0000000000 -

-

- - - - - - - - nuvann@contact.com + about_us_text

- Rakousi Enfo + utils_Links

-

- Komanw kapab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw ka pab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw ka pab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw kapab Vann -

+ +

+ Nuvann +

+ + +

+ faq +

+ + +

+ how_to_sell +

+ + +

+ terms_and_conditions +

+
-
+

- Relasyon Nuvann + payment_Methods

-

- Komanw kapab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw ka pab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw ka pab Vann -

-

- Komanw ka fè yon reklamasyon -

-

- Komanw kapab Vann -

+
+ [object Object] + [object Object] + [object Object] + [object Object] + [object Object] + [object Object] + [object Object] +

- Espas Kliyan + client_space

-

- - - - - - Profil -

-

- - - - - - Panye -

-

- + +

+ + + + + - - - + carts +

+ + +

+ + + + + + + + + + + + + + + + + + - - Dekonekte -

+ orders +

+
- Copyright © - 2024 - - Nuvann webStore | All rights reserved. + © + 2025 + - Nuvann-Store | All rights reserved. © + 0.1.140 + + + country_region + :
diff --git a/tests/units/src/pages/home/home.view.unit.spec.tsx b/tests/units/src/pages/home/home.view.unit.spec.tsx index 5b56837d..69d5d486 100644 --- a/tests/units/src/pages/home/home.view.unit.spec.tsx +++ b/tests/units/src/pages/home/home.view.unit.spec.tsx @@ -4,11 +4,23 @@ import '@testing-library/jest-dom' import { render } from '@testing-library/react'; import Home from '@/pages/home/view/home.view'; import heroImagesMock from '@/utils/mocks/home/hero-images-slider.mock'; -import jumbArrayMock from '@/utils/mocks/home/jumbotron.mock'; +import { categoriesMock, jumDataMock } from '@/utils/mocks/home/jumbotron.mock'; +import { ProductsData } from '@/contexts/products/types'; describe("HomeController", () =>{ it("Should render HomePage with props", ()=>{ - const { container } = render(); + const { container } = render( + + ); expect(container).toMatchSnapshot(); }) }) \ No newline at end of file