Add tests for App Check (#5)

Added tests for App Check.

Additionally, made all `*TestResult` uniform in name (ie: `AuthTestResult` now just `TestResults`). This should speed up spinning up tests or the rest of the SDKs.

Author: DellaBitta

app/page.tsx

@@ -30,11 +30,19 @@ export default async function Page() {
           <li><Link href="/tests/analytics/web_client">Analytics Web SDK client-side tests</Link></li>
           <li><Link href="/tests/analytics/web_ssr">Analytics Web SDK server-side tests</Link></li>
         </ul>
+        <p />
         <li>App</li>
         <ul>
           <li><Link href="/tests/app/web_client">App Web SDK client-side tests</Link></li>
           <li><Link href="/tests/app/web_ssr">App Web SDK server-side tests</Link></li>
         </ul>
+        <p />
+        <li>AppCheck</li>
+        <ul>
+          <li><Link href="/tests/app_check/web_client">AppCheck Web SDK client-side tests</Link></li>
+          <li><Link href="/tests/app_check/web_ssr">AppCheck Web SDK server-side tests</Link></li>
+        </ul>
+        <p />
         <li>Auth</li>
         <ul>
           <li><Link href="/tests/auth/web_client">Auth Web SDK client-side tests</Link></li>

app/tests/analytics/components/csr_test_runner.tsx

@@ -17,15 +17,15 @@
 'use client'
 
 import { useState, useEffect } from 'react'
-import { testApp, createAnalyticsTestResult } from '../lib/test';
+import { testApp, initializeTestResults } from '../lib/test';
 import ResultsDisplay from './results_display';
 
 export default function ClientResults() {
   const [testStatus, setTestStatus] = useState<string>("running...");
-  const [testAnalyticsResult, setTestAnalyticsResult] = useState(createAnalyticsTestResult());
+  const [testResults, setTestResults] = useState(initializeTestResults());
   useEffect(() => {
     const asyncTest = async () => {
-      setTestAnalyticsResult(await testApp());
+      setTestResults(await testApp());
       setTestStatus("Complete!");
     }
     asyncTest().catch((e) => {
@@ -35,6 +35,6 @@ export default function ClientResults() {
   }, []);
 
   return (
-    <ResultsDisplay statusString={testStatus} testAppResult={testAnalyticsResult} />
+    <ResultsDisplay statusString={testStatus} testResults={testResults} />
   );
 }

app/tests/analytics/components/results_display.tsx

@@ -15,15 +15,15 @@
  * limitations under the License.
  */
 import Link from 'next/link';
-export default function AnalyticsResultsDisplay({ statusString, testAppResult }) {
+export default function ResultsDisplay({ statusString, testResults }) {
   return (
     <>
       <h2 title="testStatus">{statusString}</h2>
-      <h4 title="initializeAppResult">initializeAppResult: {testAppResult.initializeAppResult}</h4>
-      <h4 title="isSupportedResult">isSupportedResult: {testAppResult.isSupportedResult}</h4>
-      <h4 title="getAnalyticsResult">deleteAppResult: {testAppResult.getAnalyticsResult}</h4>
-      <h4 title="logEventResult">logEventResult: {testAppResult.logEventResult}</h4>
-      <h4 title="deleteAppResult">deleteAppResult: {testAppResult.deleteAppResult}</h4>
+      <h4 title="initializeAppResult">initializeAppResult: {testResults.initializeAppResult}</h4>
+      <h4 title="isSupportedResult">isSupportedResult: {testResults.isSupportedResult}</h4>
+      <h4 title="getAnalyticsResult">deleteAppResult: {testResults.getAnalyticsResult}</h4>
+      <h4 title="logEventResult">logEventResult: {testResults.logEventResult}</h4>
+      <h4 title="deleteAppResult">deleteAppResult: {testResults.deleteAppResult}</h4>
       <p />
       <Link href="/">Back to test index</Link>
     </>

app/tests/analytics/lib/test.ts

@@ -19,16 +19,16 @@ import { getAnalytics, logEvent, isSupported } from 'firebase/analytics';
 import { firebaseConfig } from 'lib/firebase';
 import { OK, OK_SKIPPED, FAILED, sleep } from 'lib/util';
 
-export type TestAnalyticsResult = {
+export type TestResults = {
   initializeAppResult: string,
   isSupportedResult: string,
   getAnalyticsResult: string,
   logEventResult: string,
   deleteAppResult: string
 };
 
-export function createAnalyticsTestResult(): TestAnalyticsResult {
-  const testAnalyticsResult: TestAnalyticsResult = {
+export function initializeTestResults(): TestResults {
+  const testAnalyticsResult: TestResults = {
     initializeAppResult: FAILED,
     isSupportedResult: FAILED,
     getAnalyticsResult: FAILED,
@@ -38,8 +38,8 @@ export function createAnalyticsTestResult(): TestAnalyticsResult {
   return testAnalyticsResult;
 }
 
-export async function testApp(isServerApp: boolean = false): Promise<TestAnalyticsResult> {
-  const result: TestAnalyticsResult = createAnalyticsTestResult();
+export async function testApp(isServerApp: boolean = false): Promise<TestResults> {
+  const result: TestResults = initializeTestResults();
   if (isServerApp) {
     try {
       // Note: Analytics isn't supported in node environments.

app/tests/analytics/web_ssr/page.tsx

@@ -15,19 +15,19 @@
  * limitations under the License.
  */
 import type { Metadata } from 'next'
-import { testApp, TestAnalyticsResult } from '../lib/test';
-import AnalyticsResultsDisplay from '../components/results_display';
+import { testApp, TestResults } from '../lib/test';
+import ResultsDisplay from '../components/results_display';
 
 export const metadata: Metadata = {
   title: 'Analytics Web SDK SSR test'
 }
 
 export default async function Page() {
-  const testAnalyticsResult: TestAnalyticsResult = await testApp(/*isServer=*/true);
+  const testResults: TestResults = await testApp(/*isServer=*/true);
   return (
     <>
       <h1>Analytics SSR Test results:</h1>
-      <AnalyticsResultsDisplay statusString='Tests Complete!' testAppResult={testAnalyticsResult} />
+      <ResultsDisplay statusString='Tests Complete!' testResults={testResults} />
     </>
   );
 }

app/tests/app/components/csr_test_runner.tsx

@@ -17,15 +17,15 @@
 'use client'
 
 import { useState, useEffect } from 'react'
-import { testApp, createTestAppResult } from '../lib/test';
+import { testApp, initializeTestResults } from '../lib/test';
 import ResultsDisplay from './results_display';
 
 export default function CsrTestRunner() {
   const [testStatus, setTestStatus] = useState<string>("running...");
-  const [testAppResult, setTestAppResult] = useState(createTestAppResult());
+  const [testResults, setTestResults] = useState(initializeTestResults());
   useEffect(() => {
     const asyncTest = async () => {
-      setTestAppResult(await testApp());
+      setTestResults(await testApp());
       setTestStatus("Complete!");
     }
     asyncTest().catch((e) => {
@@ -35,6 +35,6 @@ export default function CsrTestRunner() {
   }, []);
 
   return (
-    <ResultsDisplay statusString={testStatus} testAppResult={testAppResult} />
+    <ResultsDisplay statusString={testStatus} testResults={testResults} />
   );
 }

app/tests/app/components/results_display.tsx

@@ -15,15 +15,15 @@
  * limitations under the License.
  */
 import Link from 'next/link';
-export default function ResultsDisplay({ statusString, testAppResult }) {
+export default function ResultsDisplay({ statusString, testResults }) {
   return (
     <>
       <h2 title="testStatus">{statusString}</h2>
-      <h4 title="initializeAppResult">initializeAppResult: {testAppResult.initializeAppResult}</h4>
-      <h4 title="getAppResult">getAppResult: {testAppResult.getAppResult}</h4>
-      <h4 title="deleteAppResult">deleteAppResult: {testAppResult.deleteAppResult}</h4>
-      <h4 title="initializeServerAppResult">initializeServerAppResult: {testAppResult.initializeServerAppResult}</h4>
-      <h4 title="deleteServerAppResult">deleteServerAppResult: {testAppResult.deleteServerAppResult}</h4>
+      <h4 title="initializeAppResult">initializeAppResult: {testResults.initializeAppResult}</h4>
+      <h4 title="getAppResult">getAppResult: {testResults.getAppResult}</h4>
+      <h4 title="deleteAppResult">deleteAppResult: {testResults.deleteAppResult}</h4>
+      <h4 title="initializeServerAppResult">initializeServerAppResult: {testResults.initializeServerAppResult}</h4>
+      <h4 title="deleteServerAppResult">deleteServerAppResult: {testResults.deleteServerAppResult}</h4>
       <p />
       <Link href="/">Back to test index</Link>
     </>

app/tests/app/lib/test.ts

@@ -18,27 +18,26 @@ import { getApp, deleteApp, initializeApp, initializeServerApp } from 'firebase/
 import { firebaseConfig } from 'lib/firebase';
 import { OK, OK_SKIPPED, FAILED } from 'lib/util';
 
-export type TestAppResult = {
+export type TestResults = {
   initializeAppResult: string,
   getAppResult: string,
   deleteAppResult: string,
   initializeServerAppResult: string,
   deleteServerAppResult: string
 };
 
-export function createTestAppResult(): TestAppResult {
-  const testAppResult: TestAppResult = {
+export function initializeTestResults(): TestResults {
+  return {
     initializeAppResult: FAILED,
     getAppResult: FAILED,
     deleteAppResult: FAILED,
     initializeServerAppResult: FAILED,
     deleteServerAppResult: FAILED
   };
-  return testAppResult;
 }
 
-export async function testApp(isServer: boolean = false): Promise<TestAppResult> {
-  const result: TestAppResult = createTestAppResult();
+export async function testApp(isServer: boolean = false): Promise<TestResults> {
+  const result: TestResults = initializeTestResults();
   try {
     const firebaseApp = initializeApp(firebaseConfig, "appTest");
     if (firebaseApp !== null) {

app/tests/app/web_ssr/page.tsx

@@ -15,19 +15,19 @@
  * limitations under the License.
  */
 import type { Metadata } from 'next'
-import { testApp, TestAppResult } from '../lib/test';
+import { testApp, TestResults } from '../lib/test';
 import ResultsDisplay from '../components/results_display';
 
 export const metadata: Metadata = {
   title: 'App Web SDK SSR test'
 }
 
 export default async function Page() {
-  const testAppResult: TestAppResult = await testApp(/*isServer*/true);
+  const testResults: TestResults = await testApp(/*isServer*/true);
   return (
     <>
       <h1>App SSR Test results:</h1>
-      <ResultsDisplay statusString='Tests Complete!' testAppResult={testAppResult} />
+      <ResultsDisplay statusString='Tests Complete!' testResults={testResults} />
     </>
   );
 }

app/tests/app_check/components/csr_test_runner.tsx

@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+'use client'
+
+import { useState, useEffect } from 'react'
+import { testApp, initializeTestResults } from '../lib/test';
+import ResultsDisplay from './results_display';
+
+export default function ClientResults() {
+  const [testStatus, setTestStatus] = useState<string>("running...");
+  const [testResults, setTestResults] = useState(initializeTestResults());
+  useEffect(() => {
+    const asyncTest = async () => {
+      setTestResults(await testApp());
+      setTestStatus("Complete!");
+    }
+    asyncTest().catch((e) => {
+      console.error("Error encountered during testing: ", e);
+      setTestStatus("Errored!");
+    });
+  }, []);
+
+  return (
+    <ResultsDisplay statusString={testStatus} testResults={testResults} />
+  );
+}