diff --git a/packages/tecrock-simulation/cypress/e2e/basic/authoring.js b/packages/tecrock-simulation/cypress/e2e/basic/authoring.js
index eab5e2b4..356fcabe 100644
--- a/packages/tecrock-simulation/cypress/e2e/basic/authoring.js
+++ b/packages/tecrock-simulation/cypress/e2e/basic/authoring.js
@@ -93,3 +93,24 @@ describe("Faulting Lines Authoring Options True", function() {
     cy.matchImageSnapshot("block-faulting-lines-true");
   });
 });
+
+describe("New divergent boundary magma animation", function() {
+  before(() => {
+    cy.visit("?rocks=true&preset=divergentBoundary&stopAfter=300&divisions=15");
+    cy.waitForSplashscreen();
+  });
+
+  it("Verify New divergent boundary magma animation", function() {
+    BottomContainer.getDrawCrossSection().click();
+    cy.mainCanvasDrag([
+      { x: 600, y: 550 },
+      { x: 900, y: 550 }
+    ]);
+    cy.wait(700); // wait for resize to finish
+    BottomContainer.getStartPause().click();
+    cy.wait(700);
+    cy.matchImageSnapshot("no-red-shaded-area");
+    BottomContainer.waitForPause();
+    cy.matchImageSnapshot("red-magma-animation");
+  });
+});
diff --git a/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/no-red-shaded-area.snap.png b/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/no-red-shaded-area.snap.png
new file mode 100644
index 00000000..c4bc5d5c
Binary files /dev/null and b/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/no-red-shaded-area.snap.png differ
diff --git a/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/red-magma-animation.snap.png b/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/red-magma-animation.snap.png
new file mode 100644
index 00000000..222ef373
Binary files /dev/null and b/packages/tecrock-simulation/cypress/snapshots/basic/authoring.js/red-magma-animation.snap.png differ