test: Stories with layers exposed as controls will crash if layers are instantiated with new (as opposed to json) #1895

typescript/packages/subsurface-viewer/src/storybook/examples/CameraControlExamples.stories.tsx

@@ -233,7 +233,6 @@ export const SyncedSubsurfaceViewers: StoryObj<
 };
 
 const zoomBox3D: BoundingBox3D = [-325, -450, -25, 125, 150, 125];
-//const zoomBox3D: BoundingBox3D = [-100, -100, -100,  100, 100, 100];
 
 const AutoZoomToBox = (args: SubsurfaceViewerProps) => {
     const [rotX, setRotX] = React.useState(0);
@@ -248,6 +247,26 @@ const AutoZoomToBox = (args: SubsurfaceViewerProps) => {
 
     const props = {
         ...args,
+        layers: [
+            new AxesLayer({
+                id: "axes",
+                bounds: zoomBox3D,
+                ZIncreasingDownwards: false,
+            }),
+            new SimpleMeshLayer({
+                id: "sphere",
+                data: [{}],
+                mesh: new SphereGeometry({
+                    nlat: 100,
+                    nlong: 100,
+                    radius: 30,
+                }),
+                wireframe: false,
+                getPosition: [0, 0, 0],
+                getColor: [255, 255, 255],
+                material: true,
+            }),
+        ],
         cameraPosition,
     };
 
@@ -284,28 +303,6 @@ const AutoZoomToBox = (args: SubsurfaceViewerProps) => {
 
 export const AutoZoomToBoxStory: StoryObj<typeof SubsurfaceViewer> = {
     args: {
-        id: "DeckGL-Map",
-        layers: [
-            new AxesLayer({
-                id: "polyhedral-cells-axes",
-                bounds: zoomBox3D,
-                ZIncreasingDownwards: false,
-            }),
-            // unfortunately, SimpleMeshLayer can not be specified as a Record<string, any> :(
-            new SimpleMeshLayer({
-                id: "sphere",
-                data: [{}],
-                mesh: new SphereGeometry({
-                    nlat: 100,
-                    nlong: 100,
-                    radius: 30,
-                }),
-                wireframe: false,
-                getPosition: [0, 0, 0],
-                getColor: [255, 255, 255],
-                material: true,
-            }),
-        ],
         views: default3DViews,
     },
     parameters: {

typescript/packages/subsurface-viewer/src/storybook/sharedSettings.tsx

@@ -114,6 +114,7 @@ export const volveWellsWithLogsLayer = {
     logrunName: "BLOCKING",
     logName: "ZONELOG",
     logColor: "Stratigraphy",
+    ZIncreasingDownwards: false,
 };
 
 // Examples using "Map" layers.