mirror of
https://github.com/inventree/InvenTree
synced 2024-08-30 18:33:04 +00:00
[PUI] Add testing for Scanning page (#7165)
* use state to handle rerenders
* use setItem to cause rerenders on point
* add scan tests
* increase timeout
* fix name for test file
* renmae testcases
* Add ADA texts to help with testins / screen readers
* Add general function tests for scan page
* more coverage
* Revert "more coverage"
This reverts commit 67f600fb5e.
This commit is contained in:
Matthias Mair
GitHub
parent
ecc3b25464
commit
6c944c73dd
@ -3,6 +3,7 @@ import { defineConfig, devices } from '@playwright/test';
|
||||
export default defineConfig({
|
||||
testDir: './tests',
|
||||
fullyParallel: true,
|
||||
timeout: 60000,
|
||||
forbidOnly: !!process.env.CI,
|
||||
retries: process.env.CI ? 1 : 0,
|
||||
workers: process.env.CI ? 2 : undefined,
|
||||
|
||||
@ -42,7 +42,7 @@ import {
|
||||
} from '@tabler/icons-react';
|
||||
import { Html5Qrcode } from 'html5-qrcode';
|
||||
import { CameraDevice } from 'html5-qrcode/camera/core';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { ReactNode, useEffect, useState } from 'react';
|
||||
|
||||
import { api } from '../../App';
|
||||
import { DocInfo } from '../../components/items/DocInfo';
|
||||
@ -169,15 +169,17 @@ export default function Scan() {
|
||||
.get(url)
|
||||
.then((response) => {
|
||||
item.instance = response.data;
|
||||
const list_idx = history.findIndex((i) => i.id === id);
|
||||
historyHandlers.setItem(list_idx, item);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error('error while fetching instance data at', url);
|
||||
console.info(err);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
historyHandlers.setState(history);
|
||||
}
|
||||
|
||||
historyHandlers.setState(history);
|
||||
})
|
||||
.catch((err) => {
|
||||
// 400 and no plugin means no match
|
||||
@ -280,7 +282,12 @@ export default function Scan() {
|
||||
text={t`This page can be used for continuously scanning items and taking actions on them.`}
|
||||
/>
|
||||
</Group>
|
||||
<Button onClick={toggleFullscreen} size="sm" variant="subtle">
|
||||
<Button
|
||||
onClick={toggleFullscreen}
|
||||
size="sm"
|
||||
variant="subtle"
|
||||
title={t`Toggle Fullscreen`}
|
||||
>
|
||||
{fullscreen ? <IconArrowsMaximize /> : <IconArrowsMinimize />}
|
||||
</Button>
|
||||
</Group>
|
||||
@ -364,7 +371,11 @@ export default function Scan() {
|
||||
>
|
||||
<Trans>History</Trans>
|
||||
</TitleWithDoc>
|
||||
<ActionIcon color="red" onClick={btnDeleteFullHistory}>
|
||||
<ActionIcon
|
||||
color="red"
|
||||
onClick={btnDeleteFullHistory}
|
||||
title={t`Delete History`}
|
||||
>
|
||||
<IconTrash />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
@ -398,30 +409,35 @@ function HistoryTable({
|
||||
setSelection((current) =>
|
||||
current.length === data.length ? [] : data.map((item) => item.id)
|
||||
);
|
||||
const [rows, setRows] = useState<ReactNode>();
|
||||
|
||||
const rows = data.map((item) => {
|
||||
return (
|
||||
<tr key={item.id}>
|
||||
<td>
|
||||
<Checkbox
|
||||
checked={selection.includes(item.id)}
|
||||
onChange={() => toggleRow(item.id)}
|
||||
transitionDuration={0}
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
{item.pk && item.model && item.instance ? (
|
||||
<RenderInstance model={item.model} instance={item.instance} />
|
||||
) : (
|
||||
item.ref
|
||||
)}
|
||||
</td>
|
||||
<td>{item.model}</td>
|
||||
<td>{item.source}</td>
|
||||
<td>{item.timestamp?.toString()}</td>
|
||||
</tr>
|
||||
useEffect(() => {
|
||||
setRows(
|
||||
data.map((item) => {
|
||||
return (
|
||||
<tr key={item.id}>
|
||||
<td>
|
||||
<Checkbox
|
||||
checked={selection.includes(item.id)}
|
||||
onChange={() => toggleRow(item.id)}
|
||||
transitionDuration={0}
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
{item.pk && item.model && item.instance ? (
|
||||
<RenderInstance model={item.model} instance={item.instance} />
|
||||
) : (
|
||||
item.ref
|
||||
)}
|
||||
</td>
|
||||
<td>{item.model}</td>
|
||||
<td>{item.source}</td>
|
||||
<td>{item.timestamp?.toString()}</td>
|
||||
</tr>
|
||||
);
|
||||
})
|
||||
);
|
||||
});
|
||||
}, [data, selection]);
|
||||
|
||||
// rendering
|
||||
if (data.length === 0)
|
||||
|
||||
132
src/frontend/tests/pages/pui_scan.spec.ts
Normal file
132
src/frontend/tests/pages/pui_scan.spec.ts
Normal file
@ -0,0 +1,132 @@
|
||||
import { test } from '../baseFixtures';
|
||||
import { baseUrl } from '../defaults';
|
||||
import { doQuickLogin } from '../login';
|
||||
|
||||
async function defaultScanTest(page, search_text) {
|
||||
await doQuickLogin(page);
|
||||
|
||||
await page.goto(`${baseUrl}/scan`);
|
||||
await page.getByPlaceholder('Select input method').click();
|
||||
await page.getByRole('option', { name: 'Manual input' }).click();
|
||||
await page.getByPlaceholder('Enter item serial or data').click();
|
||||
|
||||
// nonsense data
|
||||
await page.getByPlaceholder('Enter item serial or data').fill('123');
|
||||
await page.getByPlaceholder('Enter item serial or data').press('Enter');
|
||||
await page.getByRole('cell', { name: '123' }).click();
|
||||
await page.getByRole('cell', { name: 'manually' }).click();
|
||||
await page.getByRole('button', { name: 'Lookup part' }).click();
|
||||
await page.getByRole('button', { name: 'Delete', exact: true }).click();
|
||||
|
||||
await page.getByPlaceholder('Enter item serial or data').fill(search_text);
|
||||
await page.getByPlaceholder('Enter item serial or data').press('Enter');
|
||||
await page.getByRole('checkbox').nth(2).check();
|
||||
await page.getByRole('button', { name: 'Lookup part' }).click();
|
||||
}
|
||||
|
||||
test('PUI - Pages - Index - Scan (Part)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"part": 1}');
|
||||
|
||||
// part: 1
|
||||
await page.getByText('R_10R_0402_1%').waitFor();
|
||||
await page.getByText('Stock:').waitFor();
|
||||
await page.getByRole('cell', { name: 'part' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (Stockitem)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"stockitem": 408}');
|
||||
|
||||
// stockitem: 408
|
||||
await page.getByText('1551ABK').waitFor();
|
||||
await page.getByText('Quantity: 145').waitFor();
|
||||
await page.getByRole('cell', { name: 'Quantity: 145' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (StockLocation)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"stocklocation": 3}');
|
||||
|
||||
// stocklocation: 3
|
||||
await page.getByText('Storage Room B', { exact: true }).waitFor();
|
||||
await page.getByText('Storage Room B (green door)').waitFor();
|
||||
await page.getByRole('cell', { name: 'stocklocation' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (SupplierPart)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"supplierpart": 204}');
|
||||
|
||||
// supplierpart: 204
|
||||
await page.waitForTimeout(1000);
|
||||
await page.getByText('1551ABK').first().waitFor();
|
||||
await page.getByRole('cell', { name: 'supplierpart' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (PurchaseOrder)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"purchaseorder": 12}');
|
||||
|
||||
// purchaseorder: 12
|
||||
await page.getByText('PO0012').waitFor();
|
||||
await page.getByText('Wire from Wirey').waitFor();
|
||||
await page.getByRole('cell', { name: 'purchaseorder' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (SalesOrder)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"salesorder": 6}');
|
||||
|
||||
// salesorder: 6
|
||||
await page.getByText('SO0006').waitFor();
|
||||
await page.getByText('Selling more stuff to this').waitFor();
|
||||
await page.getByRole('cell', { name: 'salesorder' }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (Build)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"build": 8}');
|
||||
|
||||
// build: 8
|
||||
await page.getByText('BO0008').waitFor();
|
||||
await page.getByText('PCBA build').waitFor();
|
||||
await page.getByRole('cell', { name: 'build', exact: true }).waitFor();
|
||||
});
|
||||
|
||||
test('PUI - Pages - Index - Scan (General)', async ({ page }) => {
|
||||
await defaultScanTest(page, '{"unknown": 312}');
|
||||
await page.getByText('"unknown": 312').waitFor();
|
||||
|
||||
// checkAll
|
||||
await page.getByRole('checkbox').nth(0).check();
|
||||
|
||||
// Delete
|
||||
await page.getByRole('button', { name: 'Delete', exact: true }).click();
|
||||
|
||||
// Reload to check history is working
|
||||
await page.goto(`${baseUrl}/scan`);
|
||||
await page.getByText('"unknown": 312').waitFor();
|
||||
|
||||
// Clear history
|
||||
await page.getByRole('button', { name: 'Delete History' }).click();
|
||||
await page.getByText('No history').waitFor();
|
||||
|
||||
// reload again
|
||||
await page.goto(`${baseUrl}/scan`);
|
||||
await page.getByText('No history').waitFor();
|
||||
|
||||
// Empty dummy input
|
||||
await page.getByPlaceholder('Enter item serial or data').fill('');
|
||||
await page.getByPlaceholder('Enter item serial or data').press('Enter');
|
||||
|
||||
// Empty add dummy item
|
||||
await page.getByRole('button', { name: 'Add dummy item' }).click();
|
||||
|
||||
// Empty plus sign
|
||||
await page
|
||||
.locator('div')
|
||||
.filter({ hasText: /^InputAdd dummy item$/ })
|
||||
.getByRole('button')
|
||||
.first()
|
||||
.click();
|
||||
|
||||
// Toggle fullscreen
|
||||
await page.getByRole('button', { name: 'Toggle Fullscreen' }).click();
|
||||
await page.waitForTimeout(1000);
|
||||
await page.getByRole('button', { name: 'Toggle Fullscreen' }).click();
|
||||
await page.waitForTimeout(1000);
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user