run test with button with config enabled

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

src/channel/index.ts

@@ -309,14 +309,17 @@ class Channel implements Channel {
         // run test following solution to update position
         vscode.commands.executeCommand(COMMANDS.RUN_TEST)
         return
-
       case 'EDITOR_SYNC_PROGRESS':
         // update progress when a level is deemed complete in the client
         await this.context.progress.syncProgress(action.payload.progress)
         return
       case 'EDITOR_OPEN_LOGS':
         const channel = action.payload.channel
         await showOutput(channel)
+        return
+      case 'EDITOR_RUN_TEST':
+        vscode.commands.executeCommand(COMMANDS.RUN_TEST)
+        return
       default:
         logger(`No match for action type: ${actionType}`)
         return

src/environment.ts

@@ -36,6 +36,4 @@ if (!supportedOS.includes(OS_PLATFORM)) {
 
 export const TUTORIAL_URL: string | null = process.env.CODEROAD_TUTORIAL_URL || null
 
-export const DISABLE_AUTOSAVE = process.env.CODEROAD_DISABLE_AUTOSAVE
-  ? process.env.CODEROAD_DISABLE_AUTOSAVE.toLowerCase() === 'true'
-  : false
+export const DISABLE_AUTOSAVE = (process.env.CODEROAD_DISABLE_AUTOSAVE || '').toLowerCase() === 'true'

web-app/src/containers/Tutorial/components/Level.tsx

@@ -9,6 +9,7 @@ import Markdown from '../../../components/Markdown'
 import ProcessMessages from '../../../components/ProcessMessages'
 import NuxTutorial from '../../../components/NewUserExperience/NuxTutorial'
 import Step from './Step'
+import { DISPLAY_RUN_TEST_BUTTON } from '../../../environment'
 
 const styles = {
   page: {
@@ -95,6 +96,7 @@ interface Props {
   processes: T.ProcessEvent[]
   testStatus: T.TestStatus | null
   onContinue(): void
+  onRunTest(): void
   onLoadSolution(): void
   onOpenLogs(channel: string): void
 }
@@ -107,6 +109,7 @@ const Level = ({
   index,
   status,
   onContinue,
+  onRunTest,
   onLoadSolution,
   onOpenLogs,
   processes,
@@ -181,10 +184,16 @@ const Level = ({
         </div>
 
         <div css={styles.footer}>
-          <span>
-            {typeof index === 'number' ? `${index + 1}. ` : ''}
-            {title}
-          </span>
+          {DISPLAY_RUN_TEST_BUTTON && status !== 'COMPLETE' ? (
+            <Button type="primary" onClick={onRunTest}>
+              Run
+            </Button>
+          ) : (
+            <span>
+              {typeof index === 'number' ? `${index + 1}. ` : ''}
+              {title}
+            </span>
+          )}
           <span>
             {status === 'COMPLETE' || !steps.length ? (
               <Button type="primary" onClick={onContinue}>

web-app/src/containers/Tutorial/index.tsx

@@ -32,6 +32,10 @@ const TutorialPage = (props: PageProps) => {
     props.send({ type: 'STEP_SOLUTION_LOAD' })
   }
 
+  const onRunTest = (): void => {
+    props.send({ type: 'RUN_TEST' })
+  }
+
   const onOpenLogs = (channel: string): void => {
     props.send({ type: 'OPEN_LOGS', payload: { channel } })
   }
@@ -64,6 +68,7 @@ const TutorialPage = (props: PageProps) => {
       steps={steps}
       status={progress.levels[position.levelId] ? 'COMPLETE' : 'ACTIVE'}
       onContinue={onContinue}
+      onRunTest={onRunTest}
       onLoadSolution={onLoadSolution}
       onOpenLogs={onOpenLogs}
       processes={processes}

web-app/src/environment.ts

@@ -12,3 +12,6 @@ export const NODE_ENV: string = process.env.NODE_ENV || 'development'
 export const LOG: boolean = (process.env.REACT_APP_LOG || '').toLowerCase() === 'true'
 export const TUTORIAL_LIST_URL: string = process.env.REACT_APP_TUTORIAL_LIST_URL || ''
 export const SENTRY_DSN: string | null = process.env.REACT_APP_SENTRY_DSN || null
+
+// config variables
+export const DISPLAY_RUN_TEST_BUTTON = (process.env.CODEROAD_DISPLAY_RUN_TEST_BUTTON || '').toLowerCase() === 'true'

web-app/src/services/state/actions/editor.ts

@@ -101,4 +101,10 @@ export default (editorSend: any) => ({
       payload: { channel: event.payload.channel },
     })
   },
+  runTest(context: T.MachineContext) {
+    editorSend({
+      type: 'EDITOR_RUN_TEST',
+      payload: { position: context.position },
+    })
+  },
 })

web-app/src/services/state/machine.ts

@@ -177,6 +177,9 @@ export const createMachine = (options: any) => {
                     OPEN_LOGS: {
                       actions: ['editorOpenLogs'],
                     },
+                    RUN_TEST: {
+                      actions: ['runTest'],
+                    },
                   },
                 },
                 TestRunning: {