test: added tests for anvil-cmg datasets backpages (#4080)

Author: mrtopsyt

explorer/e2e/anvil/anvil-backpages.spec.ts

@@ -0,0 +1,28 @@
+import { test } from "@playwright/test";
+import {
+  testBackpageAccess,
+  testBackpageDetails,
+  testExportBackpage,
+} from "../testFunctions";
+import { anvilTabs } from "./anvil-tabs";
+test("Smoke test `Export to Terra` button on the first available dataset", async ({
+  context,
+  page,
+}) => {
+  test.setTimeout(120000);
+  await testExportBackpage(context, page, anvilTabs.datasets);
+});
+
+test("Check access controls on the datasets backpages work for the first two tabs", async ({
+  page,
+}) => {
+  test.setTimeout(120000);
+  await testBackpageAccess(page, anvilTabs.datasets);
+});
+
+test("Check that information on the backpages matches information in the data tables", async ({
+  page,
+}) => {
+  test.setTimeout(120000);
+  await testBackpageDetails(page, anvilTabs.datasets);
+});

explorer/e2e/anvil/anvil-tabs.ts

@@ -30,6 +30,28 @@ export const ORGANISM_TYPE_INDEX = 8;
 export const PHENOTYPIC_SEX_INDEX = 9;
 export const REPORTED_ETHNICITY_INDEX = 10;
 
+const anvilDatasetsPreselectedColumns = [
+  { name: "Dataset", sortable: true },
+  { name: "Access", sortable: false },
+  { name: "Identifier", sortable: true },
+  { name: "Consent Group", sortable: true },
+  { name: "Organism Type", sortable: true },
+  { name: "Diagnosis", sortable: true },
+  { name: "Data Modality", sortable: true },
+];
+const anvilDatasetsSelectableColumns = [
+  {
+    name: "Phenotypic Sex",
+    pluralizedLabel: "phenotypic sexes",
+    sortable: true,
+  },
+  {
+    name: "Reported Ethnicity",
+    pluralizedLabel: "reported ethnicities",
+    sortable: true,
+  },
+];
+
 export const anvilTabs: AnvilCMGTabCollection = {
   activities: {
     emptyFirstColumn: false,
@@ -62,28 +84,74 @@ export const anvilTabs: AnvilCMGTabCollection = {
       { name: "Dataset", sortable: true },
     ],
     selectableColumns: [
-      { name: "Phenotypic Sex", sortable: true },
-      { name: "Reported Ethnicity", sortable: true },
+      {
+        name: "Phenotypic Sex",
+        pluralizedLabel: "phenotypic sexes",
+        sortable: true,
+      },
+      {
+        name: "Reported Ethnicity",
+        pluralizedLabel: "reported ethnicities",
+        sortable: true,
+      },
     ],
     tabName: "BioSamples",
     url: "/biosamples",
   },
   datasets: {
+    backpageAccessTags: {
+      deniedLongName: "Access Required",
+      deniedShortName: "Required",
+      grantedLongName: "Access Granted",
+      grantedShortName: "Granted",
+    },
+    backpageExportButtons: {
+      accessNotGrantedMessage:
+        "To export this dataset, please sign in and, if necessary, request access.",
+      detailsName: "Dataset Details",
+      exportTabName: "Export",
+      exportUrlRegExp: /\.*\/export-to-terra/,
+      firstButtonName: "Request Link",
+      firstLoadingMessage: "Your link will be ready shortly...",
+      newTabMessage:
+        "If you are a new user or returning user, click sign in to continue.",
+      secondButtonName: "Open Terra",
+      secondLandingMessage: "Your Terra Workspace Link is Ready",
+    },
+    backpageHeaders: [
+      {
+        name: "Dataset ID",
+      },
+      {
+        correspondingColumn: anvilDatasetsPreselectedColumns[3],
+        name: "Consent group",
+      },
+      {
+        correspondingColumn: anvilDatasetsPreselectedColumns[4],
+        name: "Organism type",
+      },
+      {
+        correspondingColumn: anvilDatasetsPreselectedColumns[5],
+        name: "Diagnosis",
+      },
+      {
+        correspondingColumn: anvilDatasetsPreselectedColumns[6],
+        name: "Data modality",
+      },
+      // Skipped the below two columns, since they aren't always readable
+      {
+        correspondingColumn: anvilDatasetsSelectableColumns[0],
+        name: "Phenotypic sex",
+      },
+      {
+        correspondingColumn: anvilDatasetsSelectableColumns[1],
+        name: "Reported ethnicity",
+      },
+    ],
     emptyFirstColumn: false,
     maxPages: 25,
-    preselectedColumns: [
-      { name: "Dataset", sortable: true },
-      { name: "Access", sortable: false },
-      { name: "Identifier", sortable: true },
-      { name: "Consent Group", sortable: true },
-      { name: "Organism Type", sortable: true },
-      { name: "Diagnosis", sortable: true },
-      { name: "Data Modality", sortable: true },
-    ],
-    selectableColumns: [
-      { name: "Phenotypic Sex", sortable: true },
-      { name: "Reported Ethnicity", sortable: true },
-    ],
+    preselectedColumns: anvilDatasetsPreselectedColumns,
+    selectableColumns: anvilDatasetsSelectableColumns,
     tabName: "Datasets",
     url: "/datasets",
   },