Got Visualization stories working in UT-HAI fork.

.storybook/preview.js

@@ -1,5 +1,29 @@
 /** @type { import('@storybook/react').Preview } */
 import "./style.css"
+import { getMath, getComments } from "./utils";
+
+// Needed at the very least for Graph component stories of UT-HAI client-deliberation.
+import jquery from 'jquery';
+global.$ = jquery;
+global.jQuery =  jquery;
+
+// This is where we mock responses for PolisNet endpoints.
+// TODO: Create a storybook plugin to do this dynamically.
+function ajax_responses(responses) {
+  return function (params) {
+    const mockedPathname = new URL(params.url).pathname
+    const mockResponse = responses[mockedPathname]
+    var deferred = global.$.Deferred().resolve(mockResponse)
+    return deferred
+  };
+}
+
+global.$.ajax = ajax_responses({
+  '/api/v3/math/pca2': getMath(),
+  '/api/v3/comments': [getComments()],
+  '/api/v3/votes': [],
+  '/api/v3/votes/famous': [],
+})
 
 const isGithubBuild = !!process.env["GITHUB_REPOSITORY"]
 const preview = {

stories/UT-HAI/client-deliberation/VisualisationTutorial.stories.js

@@ -8,7 +8,10 @@ export default {
 }
 
 // TODO: Need to mock PolisNet API calls.
-const Template = (args) => <div>Not Yet Implemented</div>
+const Template = (args) => <VisualisationTutorial {...args} />
 
 export const Default = Template.bind({})
-Default.args = {}
+Default.args = {
+  // In theory, something happens at 15, but doesn't seem to work.
+  currentIndex: 14,
+}

stories/UT-HAI/client-deliberation/Visualization.stories.js

@@ -2,13 +2,17 @@ import React from 'react'
 import Visualization from '../../../codebases/UT-HAI/client-deliberation/src/components/Visualization'
 import { withDelibThemeUi } from '../../../.storybook/decorators'
 
+
+
 export default {
   component: Visualization,
   decorators: [withDelibThemeUi],
 }
 
-// TODO: Need to mock PolisNet API calls.
-const Template = (args) => <div>Not Yet Implemented</div>
+const Template = (args) => <Visualization {...args} />
 
 export const Default = Template.bind({})
+// No props on this component.
+// We pass in all data by mocking jQuery $.ajax calls made by PolisNet.
+// See: .storybook/preview.js
 Default.args = {}