Merge pull request #10 from AKVorrat/allow-headless

Minor changes to allow headless usage of the speedtest

Author: t-muehlberger

assets/css/styles.css

@@ -33,7 +33,6 @@
 html {
   scroll-behavior: smooth;
   overflow-x: hidden;
-  background-color: var(--color-primary);
 }
 
 body {

nb-speedtest/env.d.ts

@@ -5,4 +5,14 @@ interface ImportMetaEnv {
 
 interface ImportMeta {
   readonly env: ImportMetaEnv;
-}
+}
+
+// Allow interaction between the speedtest and the controller process
+// for running this test automated in a headless browser
+interface Window {
+  nbSpeedtestOptions?: {
+    acceptedPolicy?: boolean
+  }
+  nbSpeedtestOnResult?: (result: any) => void
+  nbSpeedtestOnFinished?: () => void
+}

nb-speedtest/src/App.tsx

@@ -63,7 +63,6 @@ const App: Component = () => {
         </ColsLayout>
       </Container>
     </>
-
   );
 };
 

nb-speedtest/src/SpeedTest.tsx

@@ -91,6 +91,10 @@ const NBSpeedTest: Component<{ onStateChange?: (state: SpeedTestState) => void }
     const newResults = [...results(), outcome]
     setResults(newResults)
 
+    if (window.nbSpeedtestOnResult) {
+      window.nbSpeedtestOnResult({ success: outcome.success, result: outcome.success ? outcome.result.getSummary() : undefined })
+    }
+
     const nextIndex = currentIndex + 1
     if (nextIndex < testRuns().length) {
       setCurrentTest(nextIndex)
@@ -99,6 +103,10 @@ const NBSpeedTest: Component<{ onStateChange?: (state: SpeedTestState) => void }
       setTestRunCount(prev => prev + 1)
       setFinished(new Date())
       setTimeout(restart, config.repeatIntervalSec * 1000)
+
+      if (window.nbSpeedtestOnFinished) {
+        window.nbSpeedtestOnFinished()
+      }
     }
   }
 

nb-speedtest/src/components/PowerBtn.tsx

@@ -9,7 +9,7 @@ export const PowerBtn: Component<{ onClick?: JSX.EventHandlerUnion<HTMLButtonEle
     <div class="p-8 bg-primary/5 rounded-full aspect-square">
       <div class="p-8 bg-primary/10 rounded-full aspect-square border border-primary/20">
         <div class="p-8 bg-primary/20 rounded-full aspect-square border border-primary/30">
-          <button class="btn btn-circle btn-xl text-primary-content border-primary p-12 text-5xl bg-gradient-to-b from-primary to-primary/50 shadow-xl" onClick={props.onClick}>
+          <button id="nb_speedtest_start_btn" class="btn btn-circle btn-xl text-primary-content border-primary p-12 text-5xl bg-gradient-to-b from-primary to-primary/50 shadow-xl" onClick={props.onClick}>
             <TbPower />
             <span class='sr-only'>{t.speedtest.startBtn()}</span>
           </button>

nb-speedtest/src/components/PrivacyPolicyModal.tsx

@@ -55,6 +55,7 @@ export const PrivacyPolicyModal: Component<PrivacyPolicyModalProps> = (props) =>
 				</div>
 				<div class="modal-action flex-col items-stretch">
 					<button
+						id="nb_speedtest_accept_policy"
 						class="btn btn-primary"
 						onClick={handleAccept}
 						autofocus

nb-speedtest/src/util/privacy-policy.ts

@@ -11,6 +11,10 @@ export function getPrivacyPolicyVersion(): string {
 }
 
 export function isPrivacyPolicyAccepted(): boolean {
+  if (window.nbSpeedtestOptions?.acceptedPolicy === true) {
+    return true
+  }
+
   try {
     const stored = localStorage.getItem(STORAGE_KEY);
     if (!stored) {