Setup deployment for storybook

govtool/frontend/storybook.Dockerfile

@@ -0,0 +1,28 @@
+FROM node:18-alpine as deps
+ARG NPMRC_TOKEN
+
+WORKDIR /src
+
+# Set npm configuration settings using environment variables
+RUN npm config set @intersect.mbo:registry "https://registry.npmjs.org/" --location=global \
+    && npm config set //registry.npmjs.org/:_authToken ${NPMRC_TOKEN} --location=global
+
+COPY package.json package-lock.json ./
+RUN npm install
+
+FROM node:18-alpine as builder
+ARG NPMRC_TOKEN
+ENV NODE_OPTIONS=--max_old_space_size=8192
+WORKDIR /src
+
+COPY --from=deps /src/node_modules ./node_modules
+COPY . .
+
+RUN npm run build-storybook --quiet
+
+FROM nginx:stable-alpine
+EXPOSE 80
+
+COPY --from=builder /src/storybook-static /usr/share/nginx/html
+
+CMD ["nginx", "-g", "daemon off;"]

tests/test-infrastructure/build-and-deploy.sh

@@ -24,6 +24,7 @@ then
   update-service govtool_backend  "$BASE_IMAGE_NAME"/backend:${GOVTOOL_TAG}
   update-service govtool_frontend "$BASE_IMAGE_NAME"/frontend:${GOVTOOL_TAG}
   update-service govtool_metadata-validation "$BASE_IMAGE_NAME"/metadata-validation:${GOVTOOL_TAG}
+  update-service govtool_storybook "$BASE_IMAGE_NAME"/storybook:${GOVTOOL_TAG}
 
   update-service govaction-loader_backend "$BASE_IMAGE_NAME"/gov-action-loader-backend:${GOVTOOL_TAG}
   update-service govaction-loader_frontend "$BASE_IMAGE_NAME"/gov-action-loader-frontend:${GOVTOOL_TAG}

tests/test-infrastructure/docker-compose-govtool.yml

@@ -59,7 +59,7 @@ services:
       context: ../../govtool/metadata-validation
     environment:
       VIRTUAL_HOST: https://${BASE_DOMAIN}/metadata-validation/ -> :3000
-      PORT: '3000'
+      PORT: "3000"
     networks:
       - frontend
     deploy:
@@ -68,3 +68,18 @@ services:
       placement:
         constraints:
           - node.labels.govtool==true
+  storybook:
+    image: govtool/storybook:${GOVTOOL_TAG}
+    build:
+      context: ../../govtool/frontend
+      dockerfile: storybook.Dockerfile
+      args:
+        NPMRC_TOKEN: ${NPMRC_TOKEN}
+    environment:
+      VIRTUAL_HOST: https://storybook-${BASE_DOMAIN}
+    deploy:
+      restart_policy:
+        delay: "30s"
+      placement:
+        constraints:
+          - node.labels.govtool==true