Revert "Mock unleash for e2e tests"

This reverts commit 4154a7f.

packages/dito/app/entry.server.tsx

@@ -11,20 +11,10 @@ import type { EntryContext } from "@remix-run/node";
 import { createReadableStreamFromReadable } from "@remix-run/node";
 import { RemixServer } from "@remix-run/react";
 import { isbot } from "isbot";
-import { mockServer } from "mocks/node";
 import { renderToPipeableStream } from "react-dom/server";
 import logResponseStatus from "utils/logging";
 import { NonceProvider } from "utils/nonce";
 
-if (process.env.MOCK_EXTERNAL_APIS && process.env.NODE_ENV !== "production") {
-  console.warn("Mock external APIs.");
-  mockServer.listen({
-    // This is going to perform unhandled requests
-    // but print no warning whatsoever when they happen.
-    onUnhandledRequest: "bypass",
-  });
-}
-
 const ABORT_DELAY = 5_000;
 export const STRAPI_MEDIA_URL =
   process.env.STRAPI_MEDIA_URL ||

packages/dito/app/routes/interoperabel.tsx

@@ -4,24 +4,28 @@ import Header from "@digitalcheck/shared/components/Header";
 import Heading from "@digitalcheck/shared/components/Heading";
 import Image from "@digitalcheck/shared/components/Image";
 import RichText from "@digitalcheck/shared/components/RichText";
-import { MetaFunction } from "@remix-run/react";
+import { MetaFunction, useLoaderData } from "@remix-run/react";
 import Accordion from "components/Accordion";
 import FeedbackForm from "components/FeedbackForm";
 import SupportBanner from "components/SupportBanner";
 import TableOfContents from "components/TableOfContents";
 import { interoperability } from "resources/content";
-import { features } from "resources/features";
 import { ROUTE_INTEROPERABILITY } from "resources/staticRoutes";
 import { twJoin } from "tailwind-merge";
-import { useFeatureFlag } from "utils/featureFlags";
+import { getFeatureFlag } from "utils/featureFlags.server";
 import prependMetaTitle from "utils/metaTitle";
 
 export const meta: MetaFunction = ({ matches }) => {
   return prependMetaTitle(ROUTE_INTEROPERABILITY.title, matches);
 };
 
+export function loader() {
+  const showPage = getFeatureFlag("digitalcheck.show-io-landingpage");
+  return { showPage };
+}
+
 export default function Interoperability() {
-  const showPage = useFeatureFlag(features.showIOLandingPage);
+  const { showPage } = useLoaderData<typeof loader>();
 
   if (!showPage) {
     throw new Response("Feature is not enabled for this environment", {

packages/dito/app/routes/vorpruefung.ergebnis/ResultForm.tsx

@@ -8,7 +8,6 @@ import Textarea from "@digitalcheck/shared/components/Textarea";
 import { useForm } from "@rvf/remix";
 import React, { Dispatch, SetStateAction, useState } from "react";
 import { preCheck } from "resources/content";
-import { features } from "resources/features";
 import { PreCheckAnswers } from "routes/vorpruefung.$questionId/route";
 import getResultValidatorForAnswers from "routes/vorpruefung.ergebnis/resultValidation";
 import { useFeatureFlag } from "utils/featureFlags";
@@ -23,7 +22,7 @@ export default function ResultForm({
   answers: PreCheckAnswers;
   setPolicyTitle: Dispatch<SetStateAction<string>>;
 }>) {
-  const showSaveToPdf = useFeatureFlag(features.showSaveToPdfOption);
+  const showSaveToPdf = useFeatureFlag("digitalcheck.show-save-to-pdf-option");
 
   const [showEmailAlert, setShowEmailAlert] = useState<boolean>(false);
   const form = useForm({

packages/dito/app/utils/featureFlags.server.ts

@@ -19,13 +19,33 @@ const unleash = initialize({
   },
 });
 
+const DEFAULT_FLAG_STATE = false;
+const DEFAULT_FLAG_STATE_CI = true;
+
+let isUnleashInitialized = false;
+
 unleash.on("ready", logger.log);
 unleash.on("synchronized", () => {
+  isUnleashInitialized = true;
   logger.log("Unleash is initialized.");
 });
 unleash.on("error", logger.error);
 unleash.on("warn", logger.warn);
 
+export const getFeatureFlag = (name: string): boolean => {
+  if (isCI) {
+    logger.warn(
+      `Unleash not available during CI. Defaulting "${name}" to ${DEFAULT_FLAG_STATE_CI}.`,
+    );
+    return DEFAULT_FLAG_STATE_CI;
+  } else if (!isUnleashInitialized) {
+    logger.warn(
+      `Unleash is not initialized. Defaulting "${name}" to ${DEFAULT_FLAG_STATE}.`,
+    );
+  }
+
+  return unleash.isEnabled(name);
+};
 export const getFeatureFlags = () =>
   Object.fromEntries(
     unleash

packages/dito/package.json

@@ -34,7 +34,6 @@
     "@rvf/remix": "^6.3.0",
     "@rvf/zod": "^6.0.0",
     "@strapi/blocks-react-renderer": "^1.0.1",
-    "@types/node": "^22.13.1",
     "isbot": "^5.1.4",
     "marked": "^15.0.0",
     "mime-types": "^2.1.35",
@@ -46,8 +45,7 @@
     "@remix-run/eslint-config": "^2.15.0",
     "@types/mime-types": "^2.1.4",
     "dotenv": "^16.4.5",
-    "jsdom": "^26.0.0",
-    "msw": "^2.7.0"
+    "jsdom": "^26.0.0"
   },
   "engines": {
     "node": ">=20.0.0"

packages/dito/tests/playwright.config.ts

@@ -11,7 +11,7 @@ dotenv.config({ path: path.resolve(__dirname, "../", ".env.test") });
 const config: PlaywrightTestConfig = {
   ...baseConfig,
   webServer: {
-    command: "MOCK_EXTERNAL_APIS=true npm run dev -- --port 5172",
+    command: "npm run dev -- --port 5172",
     port: 5172,
     timeout: parseInt(process.env.WAIT_ON_TIMEOUT ?? `${5 * 1000}`),
   },