From d2d4c06241227fa669791ed95667b7daae1224ad Mon Sep 17 00:00:00 2001
From: nstclair-cc <20171905+nstclair-cc@users.noreply.github.com>
Date: Mon, 18 Nov 2024 09:42:14 -0800
Subject: [PATCH 1/2] attempt to re-enable skipped graph tests on Cloud with
 Cypress IO fixes applied

---
 v3/cypress/e2e/graph.spec.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/v3/cypress/e2e/graph.spec.ts b/v3/cypress/e2e/graph.spec.ts
index b9200e03b..4e52fdd9f 100644
--- a/v3/cypress/e2e/graph.spec.ts
+++ b/v3/cypress/e2e/graph.spec.ts
@@ -15,7 +15,7 @@ const plots = graphRules.plots
 // https://github.com/cypress-io/cypress/issues/28289
 // This test can be unskipped when the above cypress bug is resolved
 // (In local, this works fine and the tests can be run successfully)
-context.skip("Test graph plot transitions", () => {
+context("Test graph plot transitions", () => {
   beforeEach(function () {
     const queryParams = "?mouseSensor"
     const url = `${Cypress.config("index")}${queryParams}`
@@ -25,7 +25,7 @@ context.skip("Test graph plot transitions", () => {
   })
 
   plots.forEach(test => {
-    it.skip(`${test.testName}`, () => {
+    it(`${test.testName}`, () => {
       c.getIconFromToolShelf("graph").click()
       c.moveComponent("graph", 1000)
       test.axes.forEach(hash => {

From 0b9e92b6b6a0d2384bb4ebd44677b14d8c749ff2 Mon Sep 17 00:00:00 2001
From: nstclair-cc <20171905+nstclair-cc@users.noreply.github.com>
Date: Thu, 21 Nov 2024 13:34:43 -0800
Subject: [PATCH 2/2] fixed lint errors

---
 v3/cypress/e2e/graph.spec.ts   | 30 ++++++++++++++++++++++++++----
 v3/cypress/support/commands.ts |  1 -
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/v3/cypress/e2e/graph.spec.ts b/v3/cypress/e2e/graph.spec.ts
index 4e52fdd9f..2c2dfb0c7 100644
--- a/v3/cypress/e2e/graph.spec.ts
+++ b/v3/cypress/e2e/graph.spec.ts
@@ -11,10 +11,6 @@ const collectionName = "Mammals"
 const newCollectionName = "Animals"
 const plots = graphRules.plots
 
-// Skipping this test because Cypress 13 does not support displaying pixijs canvas elements in CI
-// https://github.com/cypress-io/cypress/issues/28289
-// This test can be unskipped when the above cypress bug is resolved
-// (In local, this works fine and the tests can be run successfully)
 context("Test graph plot transitions", () => {
   beforeEach(function () {
     const queryParams = "?mouseSensor"
@@ -47,6 +43,32 @@ context("Graph UI", () => {
     cy.wait(2500)
   })
   describe("graph view", () => {
+    it.skip("should highlight a selected graph point", () => {
+      // This test is the outcome of a SPIKE to explore testing graph interactions.
+      // It partially validates interactions but requires further PIXIJS-level support.
+      // https://github.com/concord-consortium/codap/pull/1637
+
+      // Select the target table cell
+      table.getGridCell(2, 2).should("contain", "African Elephant").click({ force: true })
+
+      // Verify the graph's component title matches the collection name
+      c.getComponentTitle("graph").should("contain", collectionName)
+
+      // Re-click the table cell to ensure interaction consistency
+      table.getGridCell(2, 2).click({ force: true })
+
+      // Future goal: Validate the highlighted graph point
+      // ChatGPT suggests this approach could work if PIXIJS exposes DOM elements
+      // or provides API/event hooks that allow direct verification of point states.
+      // cy.get('[data-testid="graph"] canvas')
+      //   .should('be.visible') // Ensure the canvas is rendered
+      // cy.get('[data-testid="graph"]')
+      //   .find('svg .below-points-group circle') // Intended to locate graph points
+      //   .then((elements) => {
+      // Debugging information (e.g. to find out point color or position of points)
+      //     cy.log('Highlighted point details:', elements)
+      // })
+    })
     it("updates graph title", () => {
       c.getComponentTitle("graph").should("have.text", collectionName)
       c.changeComponentTitle("graph", newCollectionName)
diff --git a/v3/cypress/support/commands.ts b/v3/cypress/support/commands.ts
index c94ac6200..cd72485ec 100644
--- a/v3/cypress/support/commands.ts
+++ b/v3/cypress/support/commands.ts
@@ -163,7 +163,6 @@ Cypress.Commands.add("dragAttributeToTarget", (source, attribute, target, target
     })
   cy.wait(1000)
 })
-
 Cypress.Commands.add("clickToUnselect", (subject, options?: { delay: number }) => {
   cy.wrap(subject)
     .trigger("pointerdown", {