ci: test docker builds for PRs and pushes on master

.dockerignore

@@ -0,0 +1,5 @@
+**/.DS_Store
+**/Thumbs.db
+
+.github
+assets

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/build-and-push.yaml

@@ -52,3 +52,4 @@ jobs:
             ${{ vars.DOCKER_ORG }}/spfx:${{ env.docker_image_tag_name }}
             ${{ vars.DOCKER_ORG }}/spfx:latest
             ${{ vars.DOCKER_ORG }}/spfx:online
+          target: default

.github/workflows/ci.yml

@@ -0,0 +1,43 @@
+name: ci
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: docker/setup-buildx-action@v3
+        with:
+            cleanup: false
+      - uses: docker/bake-action@v6.10.0
+        with:
+          source: .
+          targets: default
+          push: false
+          set: |
+            *.cache-from=type=gha,scope=dockerspfx
+            *.cache-to=type=gha,scope=dockerspfx,mode=max
+
+  test:
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - uses: actions/checkout@v6
+      - uses: docker/setup-buildx-action@v3
+        with:
+          cleanup: false
+      - uses: docker/bake-action@v6.10.0
+        with:
+          source: .
+          targets: test
+          push: false
+          set: |
+            *.cache-from=type=gha,scope=dockerspfx
+            *.cache-to=type=gha,scope=dockerspfx,mode=max

Dockerfile

@@ -1,4 +1,6 @@
-FROM node:22.16.0
+# ----------------- default (start) -----------------------
+
+FROM node:22.16.0 AS default
 
 EXPOSE 4321 35729
 
@@ -16,4 +18,39 @@
 RUN npm i --location=global gulp-cli@3 yo pnpm
 RUN npm i --location=global @microsoft/generator-sharepoint@1.21.1
 
-CMD /bin/bash
+CMD /bin/bash
+
+# ----------------- default (end) ---------------------------
+
+
+# ----------------- test-base (start) -----------------------
+
+FROM default AS test-base
+
+RUN mkdir -p test/.pnpm-store
+WORKDIR test
+
+# ----------------- test-base (end) -----------------------
+
+
+# ----------------- test-webpart (start) ------------------
+
+FROM test-base AS test-webpart
+
+RUN yo @microsoft/sharepoint --component-type webpart \
+  --solution-name spfx-webpart \
+  --component-name HelloWorld \
+  --framework react \
+  --package-manager pnpm \
+  --skip-install
+
+WORKDIR spfx-webpart
+
+RUN --mount=type=cache,target=/usr/app/spfx/test/.pnpm-store,sharing=locked \
+  pnpm install
+
+RUN pnpm build
+
+WORKDIR ..
+
+# ----------------- test-webpart (end) ------------------

README.md

@@ -101,6 +101,17 @@ You can also use this image for [Visual Studio development containers](./Develop
 - **drop-5**: contains the SharePoint Framework Yeoman generator from the [developer preview drop 5](https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-Drop-5)
 - **drop-4**: contains the SharePoint Framework Yeoman generator from the [developer preview drop 4](https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-Drop-4-and-MDL2)
 
+### Build
+
+```sh
+docker buildx build . --target default --tag my-spfx
+```
+
+```sh
+cd [your project]
+docker run -it --rm --name ${PWD##*/} -v $PWD:/usr/app/spfx -p 4321:4321 -p 35729:35729 my-spfx
+```
+
 ## Known issues
 
 ### Unable to write files to disk

docker-bake.hcl

@@ -0,0 +1,23 @@
+target "default" {
+  target = "default"
+  tags = [
+    "docker.io/m365pnp/spfx:latest",
+    "docker.io/m365pnp/spfx:online"
+  ]
+  platforms = [
+    "linux/amd64",
+    "linux/arm64/v8"
+  ]
+}
+
+
+target "test" {
+  targets = [
+    "test-webpart"
+  ]
+  output = ["type=cacheonly"]
+  platforms = [
+    "linux/amd64",
+    "linux/arm64/v8"
+  ]
+}