Update Build Process and Set Test Relative URL
This commit is contained in:
Caesar Kabalan
parent
09b765a101
commit
c2743b2b64
14 changed files with 746 additions and 738 deletions
10
.github/workflows/ui-testing.yml
vendored
10
.github/workflows/ui-testing.yml
vendored
|
|
@ -17,6 +17,14 @@ jobs:
|
|||
- uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: lts/*
|
||||
- run: |
|
||||
export MKCERT_VERSION=v1.4.4
|
||||
export PLATFORM=linux
|
||||
curl -L "https://github.com/FiloSottile/mkcert/releases/download/$MKCERT_VERSION/mkcert-$MKCERT_VERSION-$PLATFORM-amd64" -o mkcert
|
||||
chmod +x mkcert
|
||||
echo "$PWD/mkcert" >> $GITHUB_PATH
|
||||
mkdir -p src/certs
|
||||
./mkcert -cert-file src/certs/cert.pem -key-file src/certs/cert.key localhost 127.0.0.1
|
||||
- run: npm ci
|
||||
working-directory: ./src
|
||||
- run: npm run build --if-present
|
||||
|
|
@ -31,5 +39,5 @@ jobs:
|
|||
if: ${{ !cancelled() }}
|
||||
with:
|
||||
name: playwright-report
|
||||
path: playwright-report/
|
||||
path: ./src/playwright-report
|
||||
retention-days: 30
|
||||
|
|
|
|||
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css.map
vendored
2
dist/css/bootstrap.min.css.map
vendored
File diff suppressed because one or more lines are too long
1346
src/package-lock.json
generated
1346
src/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -5,7 +5,7 @@
|
|||
"lz-string": "^1.5.0"
|
||||
},
|
||||
"scripts": {
|
||||
"postinstall": "sudo npm install -g sass",
|
||||
"postinstall": "sudo npm install -g sass@1.77.6",
|
||||
"build": "sass --style compressed scss/custom.scss:../dist/css/bootstrap.min.css && cp node_modules/lz-string/libs/lz-string.min.js ../dist/js/lz-string.min.js",
|
||||
"test": "npx playwright test",
|
||||
"setup:certs": "mkdir -p certs; mkcert -cert-file certs/cert.pem -key-file certs/cert.key localhost 127.0.0.1",
|
||||
|
|
|
|||
|
|
@ -26,8 +26,8 @@ export default defineConfig({
|
|||
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
|
||||
use: {
|
||||
/* Base URL to use in actions like `await page.goto('/')`. */
|
||||
// baseURL: 'http://127.0.0.1:3000',
|
||||
|
||||
baseURL: 'https://localhost:8443',
|
||||
ignoreHTTPSErrors: true,
|
||||
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
|
||||
trace: 'on-first-retry',
|
||||
},
|
||||
|
|
@ -57,17 +57,17 @@ export default defineConfig({
|
|||
},
|
||||
},
|
||||
|
||||
{
|
||||
name: 'webkit',
|
||||
use: {
|
||||
...devices['Desktop Safari'],
|
||||
permissions: ['clipboard-read'],
|
||||
viewport: {
|
||||
width: 1920,
|
||||
height: 1080,
|
||||
},
|
||||
},
|
||||
},
|
||||
//{
|
||||
// name: 'webkit',
|
||||
// use: {
|
||||
// ...devices['Desktop Safari'],
|
||||
// permissions: ['clipboard-read'],
|
||||
// viewport: {
|
||||
// width: 1920,
|
||||
// height: 1080,
|
||||
// },
|
||||
// },
|
||||
//},
|
||||
|
||||
/* Test against mobile viewports. */
|
||||
// {
|
||||
|
|
@ -91,9 +91,9 @@ export default defineConfig({
|
|||
],
|
||||
|
||||
/* Run your local dev server before starting the tests */
|
||||
// webServer: {
|
||||
// command: 'npm run start',
|
||||
// url: 'http://127.0.0.1:3000',
|
||||
// reuseExistingServer: !process.env.CI,
|
||||
// },
|
||||
webServer: {
|
||||
command: 'npm run build && npm run local-secure-start',
|
||||
port: 8443,
|
||||
reuseExistingServer: !process.env.CI,
|
||||
},
|
||||
});
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ test('Deep Functional Test', async ({ page }) => {
|
|||
// - AWS/Azure Mode
|
||||
// - Import Reddit Example Config
|
||||
// - Change Network Size
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
// Change 10.0.0.0/8 -> 172.16.0.0/12
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').press('Shift+Home');
|
||||
|
|
@ -188,5 +188,5 @@ test('Deep Functional Test', async ({ page }) => {
|
|||
|
||||
|
||||
//test('Test', async ({ page }) => {
|
||||
// await page.goto('https://127.0.0.1:8443/');
|
||||
// await page.goto('/');
|
||||
//});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test('Default Homepage Rendering', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page).toHaveTitle(/Visual Subnet Calculator/);
|
||||
await expect(page.getByRole('heading')).toContainText('Visual Subnet Calculator');
|
||||
await expect(page.getByLabel('Network Address')).toHaveValue('10.0.0.0');
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test('Default Export Content', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Import / Export' }).click();
|
||||
await expect(page.locator('#importExportModalLabel')).toContainText('Import/Export');
|
||||
|
|
@ -11,7 +11,7 @@ test('Default Export Content', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Default (AWS) Export Content', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - AWS' }).click();
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
|
|
@ -20,7 +20,7 @@ test('Default (AWS) Export Content', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Default (Azure) Export Content', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - Azure' }).click();
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
|
|
@ -30,7 +30,7 @@ test('Default (Azure) Export Content', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Import 192.168.0.0/24', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Import / Export' }).click();
|
||||
await page.getByLabel('Import/Export Content').click();
|
||||
|
|
@ -42,6 +42,6 @@ test('Import 192.168.0.0/24', async ({ page }) => {
|
|||
});
|
||||
|
||||
//test('Test', async ({ page }) => {
|
||||
// await page.goto('https://127.0.0.1:8443/');
|
||||
// await page.goto('/');
|
||||
//});
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -7,7 +7,7 @@ async function getClipboardText(page) {
|
|||
}
|
||||
|
||||
test('Renders Max Depth /0 to /32', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').press('Shift+Home');
|
||||
await page.getByLabel('Network Address').fill('0.0.0.0');
|
||||
|
|
@ -56,7 +56,7 @@ test('Renders Max Depth /0 to /32', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Change To 192.168.0.0/24', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').fill('192.168.0.0');
|
||||
await page.getByLabel('Network Size').click();
|
||||
|
|
@ -71,7 +71,7 @@ test('Change To 192.168.0.0/24', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Deep /32 Split', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByText('/16', { exact: true }).click();
|
||||
await page.getByLabel('10.0.128.0/17', { exact: true }).getByText('/17', { exact: true }).click();
|
||||
await page.getByLabel('10.0.128.0/18', { exact: true }).getByText('/18', { exact: true }).click();
|
||||
|
|
@ -105,28 +105,28 @@ test('Deep /32 Split', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Usable IPs - Standard', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - Standard' }).click();
|
||||
await expect(page.getByLabel('10.0.0.0/16', { exact: true }).getByLabel('Usable IPs')).toContainText('10.0.0.1 - 10.0.255.254');
|
||||
});
|
||||
|
||||
test('Usable IPs - AWS', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - AWS' }).click();
|
||||
await expect(page.getByLabel('10.0.0.0/16', { exact: true }).getByLabel('Usable IPs')).toContainText('10.0.0.4 - 10.0.255.254');
|
||||
});
|
||||
|
||||
test('Usable IPs - Azure', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - Azure' }).click();
|
||||
await expect(page.getByLabel('10.0.0.0/16', { exact: true }).getByLabel('Usable IPs')).toContainText('10.0.0.4 - 10.0.255.254');
|
||||
});
|
||||
|
||||
test('Note Splitting', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Note Split/Join').click();
|
||||
await page.getByLabel('Note Split/Join').fill('This should be duplicated!');
|
||||
await page.getByRole('cell', { name: '/16 Split' }).click();
|
||||
|
|
@ -135,19 +135,19 @@ test('Note Splitting', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Note Joining Same', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0B2qAKvQJakAEp9A9gFcANgBNuSAKbdRggA7COAYwCGAF0miAhCAC+iNI0igW0dl14CR4qTPmLVG7Xt2ugA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0B2qAKvQJakAEp9A9gFcANgBNuSAKbdRggA7COAYwCGAF0miAhCAC+iNI0igW0dl14CR4qTPmLVG7Xt2ugA');
|
||||
await page.getByLabel('/16 Join').click();
|
||||
await expect(page.getByLabel('Note Split/Join')).toHaveValue('This should be duplicated!');
|
||||
});
|
||||
|
||||
test('Note Joining Different', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0B2qAKvQJakAEp9A9gFcANgBNuSAKbdRggA7COAYwCGAF0miAhNwCCIAL6I0jSKBbR2XXgJHipM+YtUbt3AEKGD3oA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0B2qAKvQJakAEp9A9gFcANgBNuSAKbdRggA7COAYwCGAF0miAhNwCCIAL6I0jSKBbR2XXgJHipM+YtUbt3AEKGD3oA');
|
||||
await page.getByLabel('/16 Join').click();
|
||||
await expect(page.getByLabel('Note Split/Join')).toBeEmpty();
|
||||
});
|
||||
|
||||
test('Color Splitting', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByText('Change Colors »').click();
|
||||
await page.getByLabel('Color 5').click();
|
||||
await page.getByRole('cell', { name: '/16 Subnet Address' }).click();
|
||||
|
|
@ -158,17 +158,17 @@ test('Color Splitting', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Color Joining Same', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0DGqAxAJxIBmhXXIAX0RpGkUC2gduvfgLkCgA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0DGqAxAJxIBmhXXIAX0RpGkUC2gduvfgLkCgA');
|
||||
await page.getByLabel('/16 Join').click();
|
||||
await expect(page.getByRole('row', { name: '10.0.0.0/16' })).toHaveCSS('background-color', 'rgb(155, 246, 255)');
|
||||
});
|
||||
|
||||
test('Color Joining Different', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0DGqAxAJxIBmhXXIAX0RpGkUC2isuAEz5JiAxQKA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0DGqAxAJxIBmhXXIAX0RpGkUC2isuAEz5JiAxQKA');
|
||||
await page.getByLabel('/16 Join').click();
|
||||
await expect(page.getByRole('row', { name: '10.0.0.0/16' })).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)');
|
||||
});
|
||||
|
||||
//test('Test', async ({ page }) => {
|
||||
// await page.goto('https://127.0.0.1:8443/');
|
||||
// await page.goto('/');
|
||||
//});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test('Bad Network Address', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').fill('1');
|
||||
await page.locator('html').click();
|
||||
|
|
@ -10,7 +10,7 @@ test('Bad Network Address', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Bad Network Size', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Size').click();
|
||||
await page.getByLabel('Network Size').fill('33');
|
||||
await page.locator('html').click();
|
||||
|
|
@ -19,7 +19,7 @@ test('Bad Network Size', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Prevent Go on Bad Input', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Size').click();
|
||||
await page.getByLabel('Network Size').fill('33');
|
||||
await page.locator('html').click();
|
||||
|
|
@ -30,7 +30,7 @@ test('Prevent Go on Bad Input', async ({ page }) => {
|
|||
|
||||
|
||||
test('Network Boundary Correction', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').fill('123.45.67.89');
|
||||
await page.getByLabel('Network Size').click();
|
||||
|
|
@ -49,7 +49,7 @@ test('Network Boundary Correction', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Subnet Too Small for AWS Mode', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - AWS' }).click();
|
||||
|
|
@ -62,7 +62,7 @@ test('Subnet Too Small for AWS Mode', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Subnet Too Small for Azure Mode', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - Azure' }).click();
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test('CIDR Input Typing', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').press('End');
|
||||
await page.getByLabel('Network Address').press('Shift+Home');
|
||||
|
|
@ -12,7 +12,7 @@ test('CIDR Input Typing', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('CIDR Input Paste', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByLabel('Network Address').click();
|
||||
await page.getByLabel('Network Address').press('End');
|
||||
await page.getByLabel('Network Address').press('Shift+Home');
|
||||
|
|
@ -35,7 +35,7 @@ test('CIDR Input Paste', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('About Dialog', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.locator('#info_icon').click();
|
||||
await expect(page.locator('#aboutModalLabel')).toContainText('About Visual Subnet Calculator');
|
||||
await expect(page.getByLabel('About Visual Subnet Calculator')).toContainText('Design Tenets');
|
||||
|
|
@ -44,7 +44,7 @@ test('About Dialog', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('GitHub Link', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
const page1Promise = page.waitForEvent('popup');
|
||||
await page.getByLabel('GitHub').click();
|
||||
const page1 = await page1Promise;
|
||||
|
|
@ -52,12 +52,12 @@ test('GitHub Link', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Table Header Standard Mode', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
});
|
||||
|
||||
test('Table Header AWS Mode', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - AWS' }).click();
|
||||
|
|
@ -67,7 +67,7 @@ test('Table Header AWS Mode', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Table Header Azure Mode', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - Azure' }).click();
|
||||
|
|
@ -78,7 +78,7 @@ test('Table Header Azure Mode', async ({ page }) => {
|
|||
|
||||
|
||||
test('Table Header AWS then Standard', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.locator('#useableHeader')).toContainText('Usable IPs');
|
||||
await page.getByRole('button', { name: 'Tools' }).click();
|
||||
await page.getByRole('link', { name: 'Mode - AWS' }).click();
|
||||
|
|
@ -90,7 +90,7 @@ test('Table Header AWS then Standard', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Color Palette', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await expect(page.getByLabel('Change Colors').locator('span')).toContainText('Change Colors »');
|
||||
await page.getByText('Change Colors »').click();
|
||||
await expect(page.getByLabel('Color 1', { exact: true })).toBeVisible();
|
||||
|
|
@ -109,7 +109,7 @@ test('Color Palette', async ({ page }) => {
|
|||
});
|
||||
|
||||
test('Test Default Colors', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0YCWTAVkwNYUC+ia3SMB590HIbEHDEAZikjRaVhJjjQAFnmIArPNEy1IQlpAB2PSP6MVyjYYAcJgJx6dhzCbQDelkDNtG7jCecj6Ipu6avPy6PgoiQA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hSBgBa0YCWTAVkwNYUC+ia3SMB590HIbEHDEAZikjRaVhJjjQAFnmIArPNEy1IQlpAB2PSP6MVyjYYAcJgJx6dhzCbQDelkDNtG7jCecj6Ipu6avPy6PgoiQA');
|
||||
await page.getByText('Change Colors »').click();
|
||||
// Set the top 10 rows to the default colors and check that they are correct
|
||||
await page.getByLabel('Color 1', { exact: true }).click();
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ async function getClipboardText(page) {
|
|||
}
|
||||
|
||||
test('Default URL Share', async ({ page }) => {
|
||||
await page.goto('https://127.0.0.1:8443/');
|
||||
await page.goto('/');
|
||||
await page.getByText('Copy Shareable URL').click();
|
||||
const clipboardUrl = await getClipboardText(page);
|
||||
expect(clipboardUrl).toContain('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hQL71A');
|
||||
|
|
@ -15,7 +15,7 @@ test('Default URL Share', async ({ page }) => {
|
|||
|
||||
test('Default URL Render', async ({ page }) => {
|
||||
// This should match default-homepage.spec.ts
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hQL71A');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9GgGwIgDOUoGA5hQL71A');
|
||||
await expect(page).toHaveTitle(/Visual Subnet Calculator/);
|
||||
await expect(page.getByRole('heading')).toContainText('Visual Subnet Calculator');
|
||||
await expect(page.getByLabel('Network Address')).toHaveValue('10.0.0.0');
|
||||
|
|
@ -35,7 +35,7 @@ test('Default URL Render', async ({ page }) => {
|
|||
|
||||
test('Reddit Example URL Render (URL v1 - Config v1)', async ({ page }) => {
|
||||
// This is great to make sure older URLs still load and render properly
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIIwgNCAzlUMAMA6LOD0AmdVWHbbAuSNUvffYjM2gZgZvPwBZiB9AOyggAIgEMALiIAEAYQCmfMbIBOkgLSSAagEslYgK4iANpIDKysMpSIeAY0EBiAJwAjAGYA2V65ABfRIywYDm4qEH5BUQkZeUUVdW1dA2MzJQslKzC7aCc3T28fPxIyfA5WUIDMEvQCENBw6EipOQVlNU0dfSNTc0sETIcXDy9ff1JmYN4BBvEmmNb1AAUACwBPJC0bLpS0jNsHEXQbTmGCworODnpy0gvq-DK6qZAAIT0tQwATLT4Ac0kAQTaAHUtK4tH09tkvB93CIAKwjIpYdylSaCV7vL6-AFtAAy-wAchCsiB7NDYQjTqMyAAODiUai0y5sJl3B5IzB0u61MJPDGfb5-QGLJTfWK7Elk1ww+GIiqOCaheovN4C7HCzQAew2smJDnJsoK1MCLDR0H5WL+z2BoPB1kl0q8zncvjOpBgVQIV0ZgU99zNKsxgsk1vU+KJ9v1HydLrdZBgtwI7IqCcVj3RqstIbaC1FLXSeqh0dczrl7rhad5GaD2NDWp1hdJjpLsdOpyAA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIIwgNCAzlUMAMA6LOD0AmdVWHbbAuSNUvffYjM2gZgZvPwBZiB9AOyggAIgEMALiIAEAYQCmfMbIBOkgLSSAagEslYgK4iANpIDKysMpSIeAY0EBiAJwAjAGYA2V65ABfRIywYDm4qEH5BUQkZeUUVdW1dA2MzJQslKzC7aCc3T28fPxIyfA5WUIDMEvQCENBw6EipOQVlNU0dfSNTc0sETIcXDy9ff1JmYN4BBvEmmNb1AAUACwBPJC0bLpS0jNsHEXQbTmGCworODnpy0gvq-DK6qZAAIT0tQwATLT4Ac0kAQTaAHUtK4tH09tkvB93CIAKwjIpYdylSaCV7vL6-AFtAAy-wAchCsiB7NDYQjTqMyAAODiUai0y5sJl3B5IzB0u61MJPDGfb5-QGLJTfWK7Elk1ww+GIiqOCaheovN4C7HCzQAew2smJDnJsoK1MCLDR0H5WL+z2BoPB1kl0q8zncvjOpBgVQIV0ZgU99zNKsxgsk1vU+KJ9v1HydLrdZBgtwI7IqCcVj3RqstIbaC1FLXSeqh0dczrl7rhad5GaD2NDWp1hdJjpLsdOpyAA');
|
||||
await expect(page.getByLabel('Network Address')).toHaveValue('10.0.0.0');
|
||||
await expect(page.getByLabel('Network Size')).toHaveValue('20');
|
||||
await expect(page.getByLabel('10.0.0.0/24', { exact: true }).getByLabel('Subnet Address')).toContainText('10.0.0.0/24');
|
||||
|
|
@ -78,7 +78,7 @@ test('Reddit Example URL Render (URL v1 - Config v1)', async ({ page }) => {
|
|||
|
||||
test('Reddit Example URL Conversion (URL v1 - Config v1 to v2)', async ({ page }) => {
|
||||
// Basically if a user loads a URL (say v1), we load it, but then only produce the latest version URL (v2) when they copy the URL
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIIwgNCAzlUMAMA6LOD0AmdVWHbbAuSNUvffYjM2gZgZvPwBZiB9AOyggAIgEMALiIAEAYQCmfMbIBOkgLSSAagEslYgK4iANpIDKysMpSIeAY0EBiAJwAjAGYA2V65ABfRIywYDm4qEH5BUQkZeUUVdW1dA2MzJQslKzC7aCc3T28fPxIyfA5WUIDMEvQCENBw6EipOQVlNU0dfSNTc0sETIcXDy9ff1JmYN4BBvEmmNb1AAUACwBPJC0bLpS0jNsHEXQbTmGCworODnpy0gvq-DK6qZAAIT0tQwATLT4Ac0kAQTaAHUtK4tH09tkvB93CIAKwjIpYdylSaCV7vL6-AFtAAy-wAchCsiB7NDYQjTqMyAAODiUai0y5sJl3B5IzB0u61MJPDGfb5-QGLJTfWK7Elk1ww+GIiqOCaheovN4C7HCzQAew2smJDnJsoK1MCLDR0H5WL+z2BoPB1kl0q8zncvjOpBgVQIV0ZgU99zNKsxgsk1vU+KJ9v1HydLrdZBgtwI7IqCcVj3RqstIbaC1FLXSeqh0dczrl7rhad5GaD2NDWp1hdJjpLsdOpyAA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIIwgNCAzlUMAMA6LOD0AmdVWHbbAuSNUvffYjM2gZgZvPwBZiB9AOyggAIgEMALiIAEAYQCmfMbIBOkgLSSAagEslYgK4iANpIDKysMpSIeAY0EBiAJwAjAGYA2V65ABfRIywYDm4qEH5BUQkZeUUVdW1dA2MzJQslKzC7aCc3T28fPxIyfA5WUIDMEvQCENBw6EipOQVlNU0dfSNTc0sETIcXDy9ff1JmYN4BBvEmmNb1AAUACwBPJC0bLpS0jNsHEXQbTmGCworODnpy0gvq-DK6qZAAIT0tQwATLT4Ac0kAQTaAHUtK4tH09tkvB93CIAKwjIpYdylSaCV7vL6-AFtAAy-wAchCsiB7NDYQjTqMyAAODiUai0y5sJl3B5IzB0u61MJPDGfb5-QGLJTfWK7Elk1ww+GIiqOCaheovN4C7HCzQAew2smJDnJsoK1MCLDR0H5WL+z2BoPB1kl0q8zncvjOpBgVQIV0ZgU99zNKsxgsk1vU+KJ9v1HydLrdZBgtwI7IqCcVj3RqstIbaC1FLXSeqh0dczrl7rhad5GaD2NDWp1hdJjpLsdOpyAA');
|
||||
await page.getByText('Copy Shareable URL').click();
|
||||
const clipboardUrl = await getClipboardText(page);
|
||||
expect(clipboardUrl).toContain('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9DBgiAM5SgYDW5IGANjRgLaMB2jA9je9ACICGAF34ACAMIBTVoIkAnEQFoRANQCWswQFd+dEQGU5YOWUQBjVAGIAnEgBmANlu2QAX0RoukUDxADh4qRl5JTUNbV0DWSNZExBzaGs7R2cXN3QeUBhPb1Q-UUlpOUUVdS0dfUNjYniQRIcnV0QAZmyQHzyAwuCRAAUACwBPElVTcsjo2JqLfgxTABYG1LS0Fi9YDLbUACFNVToAE1VWAHMRAEFigHVVW1Vqyyd9+34AVkaQJo2fHb3Dk-PigAZM4AOXuCUezzeS3cDDWMFWoDmGwAHK1vrsDkdThclD1ZEcgpMHrYnq93lZ0dtMX8ccVlBwRhJwbVIeTUogXl9qb9sSItlcbnczA99k4kPZXGkmoiQPZudAflj-gKlMCwSKIWLbBL3gB2DZoOZUxU0vmq3oErrErXiyXLF4mkBK2n8+mM0zMzWs7W6pb+oA');
|
||||
|
|
@ -86,7 +86,7 @@ test('Reddit Example URL Conversion (URL v1 - Config v1 to v2)', async ({ page }
|
|||
|
||||
test('Reddit Example URL Render (URL v1 - Config v2)', async ({ page }) => {
|
||||
// This is great to make sure older URLs still load and render properly
|
||||
await page.goto('https://127.0.0.1:8443/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9DBgiAM5SgYDW5IGANjRgLaMB2jA9je9ACICGAF34ACAMIBTVoIkAnEQFoRANQCWswQFd+dEQGU5YOWUQBjVAGIAnEgBmANlu2QAX0RoukUDxADh4qRl5JTUNbV0DWSNZExBzaGs7R2cXN3QeUBhPb1Q-UUlpOUUVdS0dfUNjYniQRIcnV0QAZmyQHzyAwuCRAAUACwBPElVTcsjo2JqLfgxTABYG1LS0Fi9YDLbUACFNVToAE1VWAHMRAEFigHVVW1Vqyyd9+34AVkaQJo2fHb3Dk-PigAZM4AOXuCUezzeS3cDDWMFWoDmGwAHK1vrsDkdThclD1ZEcgpMHrYnq93lZ0dtMX8ccVlBwRhJwbVIeTUogXl9qb9sSItlcbnczA99k4kPZXGkmoiQPZudAflj-gKlMCwSKIWLbBL3gB2DZoOZUxU0vmq3oErrErXiyXLF4mkBK2n8+mM0zMzWs7W6pb+oA');
|
||||
await page.goto('/index.html?c=1N4IgbiBcIEwgNCARlEBGADAOm7g9DBgiAM5SgYDW5IGANjRgLaMB2jA9je9ACICGAF34ACAMIBTVoIkAnEQFoRANQCWswQFd+dEQGU5YOWUQBjVAGIAnEgBmANlu2QAX0RoukUDxADh4qRl5JTUNbV0DWSNZExBzaGs7R2cXN3QeUBhPb1Q-UUlpOUUVdS0dfUNjYniQRIcnV0QAZmyQHzyAwuCRAAUACwBPElVTcsjo2JqLfgxTABYG1LS0Fi9YDLbUACFNVToAE1VWAHMRAEFigHVVW1Vqyyd9+34AVkaQJo2fHb3Dk-PigAZM4AOXuCUezzeS3cDDWMFWoDmGwAHK1vrsDkdThclD1ZEcgpMHrYnq93lZ0dtMX8ccVlBwRhJwbVIeTUogXl9qb9sSItlcbnczA99k4kPZXGkmoiQPZudAflj-gKlMCwSKIWLbBL3gB2DZoOZUxU0vmq3oErrErXiyXLF4mkBK2n8+mM0zMzWs7W6pb+oA');
|
||||
await expect(page.getByLabel('Network Address')).toHaveValue('10.0.0.0');
|
||||
await expect(page.getByLabel('Network Size')).toHaveValue('20');
|
||||
await expect(page.getByLabel('10.0.0.0/24', { exact: true }).getByLabel('Subnet Address')).toContainText('10.0.0.0/24');
|
||||
|
|
@ -129,6 +129,6 @@ test('Reddit Example URL Render (URL v1 - Config v2)', async ({ page }) => {
|
|||
|
||||
|
||||
//test('Test', async ({ page }) => {
|
||||
// await page.goto('https://127.0.0.1:8443/');
|
||||
// await page.goto('/');
|
||||
//});
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue