diff --git a/cypress/e2e/user/aboutUsPage.cy.js b/cypress/e2e/user/aboutUsPage.cy.js new file mode 100644 index 0000000..8a9c329 --- /dev/null +++ b/cypress/e2e/user/aboutUsPage.cy.js @@ -0,0 +1,38 @@ +// cypress/integration/aboutUsPage.spec.js +describe("About Us Page", () => { + beforeEach(() => { + cy.visit("/about"); + }); + + it("should display the About Us heading", () => { + cy.get("h1").contains("About Us").should("be.visible"); + }); + + it("should display the Vision section", () => { + cy.contains("Our Vision").should("be.visible"); + cy.contains("To be a leading source of knowledge and inspiration").should( + "be.visible" + ); + }); + + it("should display the Mission section", () => { + cy.contains("Our Mission").should("be.visible"); + cy.contains("To deliver high-quality information and resources").should( + "be.visible" + ); + }); + + it("should display the Values section", () => { + cy.contains("Our Values").should("be.visible"); + cy.contains("Integrity, Excellence, Innovation, and Community").should( + "be.visible" + ); + }); + + it("should display the Meet Our Team section", () => { + cy.contains("Meet Our Team").should("be.visible"); + cy.contains("Our dedicated team brings a wealth of experience").should( + "be.visible" + ); + }); +}); diff --git a/src/pages/AboutUsPage.cy.jsx b/src/pages/AboutUsPage.cy.jsx new file mode 100644 index 0000000..ba29ba6 --- /dev/null +++ b/src/pages/AboutUsPage.cy.jsx @@ -0,0 +1,9 @@ +import React from 'react' +import AboutUsPage from './AboutUsPage' + +describe('', () => { + it('renders', () => { + // see: https://on.cypress.io/mounting-react + cy.mount() + }) +}) \ No newline at end of file diff --git a/src/pages/AboutUsPage.jsx b/src/pages/AboutUsPage.jsx new file mode 100644 index 0000000..2c8f83d --- /dev/null +++ b/src/pages/AboutUsPage.jsx @@ -0,0 +1,83 @@ +// src/pages/AboutUsPage.js +import React from "react"; +import { Container, Typography, Grid, Paper, Box } from "@mui/material"; +import { styled } from "@mui/material/styles"; +import Fade from "@mui/material/Fade"; +import Grow from "@mui/material/Grow"; + +const Item = styled(Paper)(({ theme }) => ({ + padding: theme.spacing(2), + textAlign: "center", + color: theme.palette.text.secondary, +})); + +const AboutUsPage = () => ( + + + About Us + + + + Welcome to our platform! + + + + + We are a team of passionate individuals committed to bringing you the + best content. Our mission is to provide valuable information and + resources on various topics. Our team consists of experts in diverse + fields, working together to deliver high-quality content and insightful + perspectives. + + + + + + + Our Vision + + + To be a leading source of knowledge and inspiration, empowering + individuals through valuable content and engaging resources. + + + + + + + Our Mission + + + To deliver high-quality information and resources that enhance + learning and growth, fostering a community of informed and empowered + individuals. + + + + + + + Our Values + + + Integrity, Excellence, Innovation, and Community. We uphold these + values in every aspect of our work, striving to exceed expectations + and drive positive change. + + + + + + + Meet Our Team + + + Our dedicated team brings a wealth of experience and expertise to our + platform. We are committed to continuous improvement and innovation to + better serve our community. + + + +); + +export default AboutUsPage;