Skip to content
This repository has been archived by the owner on Jun 6, 2024. It is now read-only.

45 visual regression testing #46

Merged
merged 18 commits into from
Feb 1, 2024
Merged

45 visual regression testing #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
375bffa
install playwright
Jan 30, 2024
e7ebca8
update demo for visual compare
Jan 30, 2024
4649452
add playwright config
Jan 30, 2024
1041720
add test
Jan 30, 2024
2e16d06
generate screenshot of original expectation
Jan 30, 2024
374dbe8
visual compare screenshots
Jan 30, 2024
c70562f
visual compare screenshots
Jan 31, 2024
4069287
add test action
Jan 31, 2024
2808dd7
fix test
Jan 31, 2024
90b5417
fix test
Jan 31, 2024
1e15e74
rename test to "functional and visual test"
Jan 31, 2024
0a140f4
update deployment (add playwright testing)
Jan 31, 2024
ab5a957
remove obsolete screenshots
Jan 31, 2024
8490969
add playwright-core package (dev)
Jan 31, 2024
c58f5ba
remove jest test
Jan 31, 2024
5de7b58
update test + demo
Jan 31, 2024
87c4465
deactivate firefox test (rendering issue)
Jan 31, 2024
456913b
add test description
Feb 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 11 additions & 8 deletions .github/workflows/deployment.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,31 +8,34 @@ on:

jobs:
deploy:

runs-on: ubuntu-latest

steps:

- name: checkout code
uses: actions/checkout@v2

- name: setup node
uses: actions/setup-node@v2
with:
node-version: '16'
registry-url: https://npm.pkg.github.com
node-version: '20'
registry-url: https://npm.pkg.github.com

- name: install dependencies
run: npm install

- name: build
run: npm run build

- name: test
run: npm t
- name: Install playwright browsers
run: npx playwright install --with-deps

- name: Run tests
run: npx playwright test --update-snapshots --reporter=list

- name: security
run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc

- name: deploy npmjs.com
run: npm publish --access public
run: npm publish --access public
35 changes: 35 additions & 0 deletions .github/workflows/test.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
#
name: "functional and visual test"

on:
push:
branches:
- '*'

jobs:
deploy:

runs-on: ubuntu-latest

steps:

- name: checkout code
uses: actions/checkout@v2

- name: setup node
uses: actions/setup-node@v2
with:
node-version: '20'
registry-url: https://npm.pkg.github.com

- name: install dependencies
run: npm install

- name: build
run: npm run build

- name: Install playwright browsers
run: npx playwright install --with-deps

- name: Run tests
run: npx playwright test --update-snapshots --reporter=list
6 changes: 5 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,8 @@ translation.json
out/
dist/

*.html
*.html
/test-results/
/playwright-report/
/blob-report/
/playwright/.cache/
110 changes: 88 additions & 22 deletions example/demo.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,101 @@
import express from 'express';
import {Noscrape} from "../src";
import {EncryptionCharacterRange, Noscrape} from "../src";

const app = express()

app.get('/example.ttf', (_, res) => {
res.sendFile(__dirname + '/example.ttf')
})

app.get('/', (req, res) => {
const noscrape = new Noscrape(__dirname + "/example.ttf");
const noscrape = new Noscrape(__dirname + "/example.ttf", {
characterRange: EncryptionCharacterRange.PRIVATE_USE_AREA,
strength: 0.00000000000001
});

const test1= noscrape.obfuscate("test1");
const test2= noscrape.obfuscate(123456789);
const test3 = noscrape.obfuscate({ data: "a-nice-object" });
const test4 = noscrape.obfuscate( "abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!\"§$%&/()=¹²³¼½¬{[]},.-;:_·…–<>|");
const test1 = noscrape.obfuscate("ftest1");
const test2 = noscrape.obfuscate(123456789);
const test3 = noscrape.obfuscate({data: "a-nice-object"});
const test4 = noscrape.obfuscate("abcdefghijklmnopqrstuvwxyz");
const test5 = noscrape.obfuscate("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
const test6 = noscrape.obfuscate("!\"§$%&/()=¹²³¼½¬{[]},.-;:_·…–<>|");

// language=HTML
res.send(`
<html lang="en">
<head>
<title>Noscrape - DEMO</title>
<style>
@font-face {
font-family: 'noscrape-obfuscated';
src: url('data:font/truetype;charset=utf-8;base64,${noscrape.getFont().toString('base64')}');
}
</style>
</head>
<body style="font-family: 'noscrape-obfuscated'">
<p>${test1}</p>
<p>${test2}</p>
<p>${test3.data}</p>
<p>${test4}</p>
</body>
</html>
<head>
<title>Noscrape - DEMO</title>
<style>
@font-face {
font-family: 'original-font';
src: url('/example.ttf');
}

@font-face {
font-family: 'noscrape-obfuscated';
src: url('data:font/truetype;charset=utf-8;base64,${noscrape.getFont().toString('base64')}');
}
</style>
</head>
<body class="">

<div style="width: 270px; height: 150px; overflow: hidden;">
<table id="original">
<tr>
<td style="font-family: 'original-font'">ftest1</td>
</tr>
<tr>
<td style="font-family: 'original-font'">123456789</td>
</tr>
<tr>
<td style="font-family: 'original-font'">a-nice-object</td>
</tr>
<tr>
<td style="font-family: 'original-font'">
abcdefghijklmnopqrstuvwxyz
</td>
</tr>
<tr>
<td style="font-family: 'original-font'">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</td>
</tr>
<tr>
<td style="font-family: 'original-font'">
!\"§$%&/()=¹²³¼½¬{[]},.-;:_·…–<>|
</td>
</tr>
</table>
</div>

<br/>
<br/>
<br/>
<br/>
<div style="width: 270px; height: 150px; overflow: hidden;">
<table id="obfuscated">
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test1}</td>
</tr>
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test2}</td>
</tr>
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test3.data}</td>
</tr>
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test4}</td>
</tr>
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test5}</td>
</tr>
<tr>
<td style="font-family: 'noscrape-obfuscated'">${test6}</td>
</tr>
</table>
</div>
</body>
</html>
`)
})

Expand Down
Loading
Loading