test: ProfilePage.cy.tsx

  GIVEN profile component
  WHEN render the component
  THEN see it

src/features/profile/ProfilePage.cy.tsx

@@ -0,0 +1,21 @@
+import { ProfilePage } from './ProfilePage';
+
+describe('ProfilePage', () => {
+  it(`
+  GIVEN profile component
+  WHEN render the component 
+  THEN see it
+  `, () => {
+    mountComponent();
+
+    cy
+      .getByData('profile')
+      .should('exist');
+  });
+});
+
+function mountComponent() {
+  cy.mount(
+    <ProfilePage />,
+  );
+}

src/features/profile/ProfilePage.tsx

@@ -51,7 +51,7 @@ export function ProfilePage() {
   }, []);
 
   return (
-    <div className="profile">
+    <div className="profile" data-cy="profile">
       <div className="profile__inner">
         <div className="profile__box">
           <h2 className="profile__head">General information</h2>