Fix e2e tests files & ontology

Author: joepio

browser/data-browser/src/views/OntologyPage/Class/ClassCardRead.tsx

@@ -22,7 +22,10 @@ export function ClassCardRead({ subject }: ClassCardReadProps): JSX.Element {
   const [recommends] = useArray(resource, core.properties.recommends);
 
   return (
-    <TargetableCard subject={subject}>
+    <TargetableCard
+      subject={subject}
+      testId={`class-card-read-${resource.title}`}
+    >
       <Column>
         <Row center justify='space-between'>
           <StyledH3>

browser/data-browser/src/views/OntologyPage/Class/ClassCardWrite.tsx

@@ -51,10 +51,7 @@ export function ClassCardWrite({ subject }: ClassCardWriteProps): JSX.Element {
   };
 
   return (
-    <StyledCard
-      subject={subject}
-      data-testid={`class-card-write-${resource.title}`}
-    >
+    <StyledCard subject={subject} testId={`class-card-write-${resource.title}`}>
       <Column>
         <Row center justify='space-between'>
           <TitleWrapper>

browser/data-browser/src/views/OntologyPage/TargetableCard.tsx

@@ -7,18 +7,21 @@ import ResourceCard from '../Card/ResourceCard';
 type TargetableCardProps = {
   subject: string;
   className?: string;
+  testId: string;
 };
 
 export const TargetableCard = ({
   subject,
   className,
+  testId,
   children,
 }: React.PropsWithChildren<TargetableCardProps>) => {
   return (
     <StyledCard
       id={toAnchorId(subject ?? '')}
       about={subject}
       className={className}
+      data-testid={testId}
     >
       {children}
     </StyledCard>

browser/e2e/tests/testFile1.txt renamed to browser/e2e/tests/fixtures/testFile1.txt

@@ -10,18 +10,20 @@ export const INITIAL_TEST = false;
 export const DEMO_INVITE_NAME = 'document demo invite';
 
 export const testFilePath = (filename: string) => {
-  const processPath = process.cwd();
-
-  // In the CI, the tests dir is missing for some reason?
-  if (processPath.endsWith('tests')) {
-    return `${processPath}/${filename}`;
-  } else if (processPath.endsWith('e2e')) {
-    return `${processPath}/tests/${filename}`;
-  } else if (processPath.endsWith('browser')) {
-    return `${processPath}/e2e/tests/${filename}`;
-  } else {
-    return `${processPath}/browser/e2e/tests/${filename}`;
-  }
+  const fixturesFolder = __dirname + '/fixtures';
+
+  return `${fixturesFolder}/${filename}`;
+
+  // const processPath = process.cwd();
+  // if (processPath.endsWith('tests')) {
+  //   return `${processPath}/fixtures/${filename}`;
+  // } else if (processPath.endsWith('e2e')) {
+  //   return `${processPath}/tests/fixtures/${filename}`;
+  // } else if (processPath.endsWith('browser')) {
+  //   return `${processPath}/e2e/tests/fixtures/${filename}`;
+  // } else {
+  //   return `${processPath}/browser/e2e/tests/fixtures/${filename}`;
+  // }
 };
 
 export const timestamp = () => new Date().toLocaleTimeString();