test(profile): add playwright tests

playwright/components/profile/index.ts

@@ -0,0 +1,21 @@
+import type { Page } from "@playwright/test";
+import { EMAIL, NAME, INITIALS, PROFILE } from "./locators";
+
+// component preview locators
+
+const emailPreview = (page: Page) => {
+  return page.locator(EMAIL);
+};
+
+const namePreview = (page: Page) => {
+  return page.locator(NAME);
+};
+
+const profilePreview = (page: Page) => {
+  return page.locator(PROFILE);
+};
+
+const initialPreview = (page: Page) => {
+  return page.locator(INITIALS);
+};
+export { emailPreview, namePreview, profilePreview, initialPreview };

playwright/components/profile/locators.ts

@@ -0,0 +1,5 @@
+// component preview locators
+export const EMAIL = '[data-element="email"]';
+export const NAME = '[data-element="name"]';
+export const INITIALS = '[data-element="initials"]';
+export const PROFILE = '[data-component="profile"]';

src/components/profile/component.test-pw.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import Profile, { ProfileProps } from ".";
+
+const ProfileComponent = (props: Partial<ProfileProps>) => {
+  return (
+    <Profile email="email@email.com" initials="JD" name="John Doe" {...props} />
+  );
+};
+
+export default ProfileComponent;