Merge pull request #1112 from xdan/screenshots-typescript

Try use screenshots with Typescript

.eslintignore

@@ -4,3 +4,4 @@ build
 types
 examples/assets/prism.js
 examples/build/
+!/test-results/

.github/workflows/playwright.yml

@@ -0,0 +1,31 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+    - name: Build
+      run: make build es=es2021 fat=true uglify=true
+    - name: Install Playwright Browsers
+      run: make screenshots-build-image
+    - name: Run Playwright tests
+      run: make screenshots-test es=es2021 fat=true min=true  updateTests=true
+    - uses: actions/upload-artifact@v4
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -14,3 +14,7 @@ yarn-error.log
 build/*
 examples/build/
 .env
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

Makefile

@@ -27,9 +27,10 @@ BUILD_ESM := true
 UGLIFY_ESM := false
 CHANGELOG_URL := https://github.com/xdan/jodit/blob/main/CHANGELOG.md
 NODE_MODULES_BIN := ./node_modules/.bin
-TS_NODE_BASE := $(NODE_MODULES_BIN)/ts-node --project $(cwd)tools/tsconfig.json
+TS_NODE_BASE := $(NODE_MODULES_BIN)/ts-node --project ./tools/tsconfig.json
 WEBPACK := $(TS_NODE_BASE) $(NODE_MODULES_BIN)/webpack
 KARMA := @TS_NODE_TRANSPILE_ONLY=true $(TS_NODE_BASE) $(NODE_MODULES_BIN)/karma start
+MOCHA := $(TS_NODE_BASE) $(NODE_MODULES_BIN)/mocha
 
 .PHONY: update
 update:
@@ -230,16 +231,26 @@ screenshots-all:
 
 .PHONY: screenshots-test
 screenshots-test:
-	docker run -v $(shell pwd)/build:/app/build/ -v $(shell pwd)/test:/app/test/ \
-		-p 2003:2003 \
-		-e SNAPSHOT_UPDATE=$(updateTests) \
-		-v $(shell pwd)/src:/app/src/ jodit-screenshots \
-		node --input-type=module ./node_modules/.bin/mocha ./src/**/**.screenshot.js --build=$(es) --min=$(uglify) --fat=$(fat)
+	docker run --ipc=host \
+		-p 9323:9323 \
+		-v $(shell pwd)/build:/app/build/ \
+		-v $(shell pwd)/test:/app/test/ \
+		-v $(shell pwd)/src:/app/src/ \
+		-v $(shell pwd)/tools:/app/tools/ \
+		-v $(shell pwd)/tools:/app/tools/ \
+		-v $(shell pwd)/playwright-report:/app/playwright-report/ \
+		-v $(shell pwd)/playwright.config.ts:/app/playwright.config.ts \
+		-e BUILD=$(es) \
+		-e MIN=$(uglify) \
+		-e FAT=$(fat) \
+		jodit-screenshots \
+		npx playwright test # --update-snapshots
 
 .PHONY: screenshots-build-image
 screenshots-build-image:
 	docker build -t jodit-screenshots -f test/screenshots/Dockerfile .
 
+
 .PHONY: newversion
 newversion:
 	npm version patch --no-git-tag-version