Switch to test mode when the play button is clicked

YarnSpinnerTool · Aug 3, 2024 · 93c22c5 · 93c22c5
1 parent 52a99ac
commit 93c22c5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -2,14 +2,16 @@ import  { initialContent } from './starter-content'
 
 const ModeChangedEvent = new Event("yarnspinner-mode-changed");
 
+let updateSelectedMode : (mode:string) => void;
+
 window.addEventListener('DOMContentLoaded', () => {
 
     // Set up the mode selector so that when a mode toggle is set, the appropriate element is visible
     const selectorElements = document.querySelectorAll(".mode-selector") as NodeListOf<HTMLElement>;
 
     const selectableElementsMap = new Map<string, HTMLElement>();
 
-    const updateSelectedMode = (mode: string) => {
+    updateSelectedMode = (mode: string) => {
         selectableElementsMap.forEach(v => {
             v.classList.add("d-none");
         });
@@ -76,7 +78,15 @@ window.addEventListener('load', async function () {
     // import it. Once that's done, load the playground with the content that we
     // selected.
     const playground = await import("./playground");
-    await playground.load(contentName);
+
+    const testButton = document.getElementById("button-test");
+    const downloadButton = document.getElementById("button-download-pdf");
+
+    testButton.addEventListener("click", () => {
+        updateSelectedMode("test");
+    })
+
+    await playground.load(contentName, testButton, downloadButton);
 
     // Hide the loading element, which is visible before any script runs.
     global.document.getElementById("loader").classList.add("d-none");

diff --git a/src/playground.ts b/src/playground.ts
@@ -57,7 +57,7 @@ export interface IFunctionDefinition {
     function: Function;
 }
 
-export async function load (initialContentName : string = "default") {
+export async function load (initialContentName : string = "default", testButton:HTMLElement, downloadButton:HTMLElement) {
 
     let script = initialContent[initialContentName]
 
@@ -300,7 +300,7 @@ export async function load (initialContentName : string = "default") {
         logElement.insertBefore(errorText, logElement.firstChild);
     }
 
-    document.getElementById("button-test").addEventListener("click", async () => {
+    testButton.addEventListener("click", async () => {
         if (errorsExist) {
             return;
         }
@@ -392,7 +392,7 @@ export async function load (initialContentName : string = "default") {
 
     let pdfDownloadInProgress = false;
 
-    document.getElementById("button-download-pdf")?.addEventListener("click", async => {
+    downloadButton.addEventListener("click", async () => {
         if (pdfDownloadInProgress) {
             return;
         }