yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: show toast message when update test run/case (#25)

Browse Source
This commit is contained in:
Takeshi Kimata
2024-09-07 18:19:47 +09:00
committed by GitHub
parent cc84f16235
commit 1ab7bf9c1b
10 changed files with 41 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseEditor.tsx
View File

@@ -10,6 +10,7 @@ import { fetchCase, updateCase } from '@/utils/caseControl';
import { updateSteps } from './stepControl';
import { fetchCreateAttachments, fetchDownloadAttachment, fetchDeleteAttachment } from './attachmentControl';
import { TokenContext } from '@/utils/TokenProvider';
import { ToastContext } from '@/utils/ToastProvider';
import { useFormGuard } from '@/utils/formGuard';
import { CaseType, AttachmentType, CaseMessages, StepType } from '@/types/case';
import { PriorityMessages } from '@/types/priority';
@@ -52,7 +53,8 @@ export default function CaseEditor({
priorityMessages,
locale,
}: Props) {
const context = useContext(TokenContext);
const toakenContext = useContext(TokenContext);
const toastContext = useContext(ToastContext);
const [testCase, setTestCase] = useState<CaseType>(defaultTestCase);
const [isTitleInvalid, setIsTitleInvalid] = useState<boolean>(false);
const [isUpdating, setIsUpdating] = useState<boolean>(false);
@@ -192,11 +194,11 @@ export default function CaseEditor({
useEffect(() => {
async function fetchDataEffect() {
if (!context.isSignedIn()) {
if (!toakenContext.isSignedIn()) {
return;
}
try {
const data = await fetchCase(context.token.access_token, Number(caseId));
const data = await fetchCase(toakenContext.token.access_token, Number(caseId));
data.Steps.forEach((step: StepType) => {
step.editState = 'notChanged';
});
@@ -207,7 +209,7 @@ export default function CaseEditor({
}
fetchDataEffect();
}, [context]);
}, [toakenContext]);
return (
<>
@@ -230,15 +232,17 @@ export default function CaseEditor({
<Button
startContent={<Save size={16} />}
size="sm"
isDisabled={!context.isProjectDeveloper(Number(projectId))}
isDisabled={!toakenContext.isProjectDeveloper(Number(projectId))}
color="primary"
isLoading={isUpdating}
onPress={async () => {
setIsUpdating(true);
await updateCase(context.token.access_token, testCase);
await updateCase(toakenContext.token.access_token, testCase);
if (testCase.Steps) {
await updateSteps(context.token.access_token, Number(caseId), testCase.Steps);
await updateSteps(toakenContext.token.access_token, Number(caseId), testCase.Steps);
}
toastContext.showToast(messages.updatedTestCase, 'dark');
setIsUpdating(false);
setIsDirty(false);
}}
@@ -383,7 +387,7 @@ export default function CaseEditor({
<Button
startContent={<Plus size={16} />}
size="sm"
isDisabled={!context.isProjectDeveloper(Number(projectId))}
isDisabled={!toakenContext.isProjectDeveloper(Number(projectId))}
color="primary"
className="ms-3"
onPress={() => onPlusClick(1)}
@@ -393,7 +397,7 @@ export default function CaseEditor({
</div>
{testCase.Steps && (
<CaseStepsEditor
isDisabled={!context.isProjectDeveloper(Number(projectId))}
isDisabled={!toakenContext.isProjectDeveloper(Number(projectId))}
steps={testCase.Steps}
onStepUpdate={(stepId, changeStep) => {
if (testCase.Steps) {
@@ -421,7 +425,7 @@ export default function CaseEditor({
<h6 className="font-bold">{messages.attachments}</h6>
{testCase.Attachments && (
<CaseAttachmentsEditor
isDisabled={!context.isProjectDeveloper(Number(projectId))}
isDisabled={!toakenContext.isProjectDeveloper(Number(projectId))}
attachments={testCase.Attachments}
onAttachmentDownload={(attachmentId: number, downloadFileName: string) =>
fetchDownloadAttachment(attachmentId, downloadFileName)

1
frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/page.tsx
View File

@@ -18,6 +18,7 @@ export default function Page({
backToCases: t('back_to_cases'),
updating: t('updating'),
update: t('update'),
updatedTestCase: t('updated_test_case'),
basic: t('basic'),
title: t('title'),
pleaseEnterTitle: t('please_enter_title'),

26
frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/RunEditor.tsx
View File

@@ -35,6 +35,7 @@ import {
} from '../runsControl';
import { fetchFolders } from '../../folders/foldersControl';
import { TokenContext } from '@/utils/TokenProvider';
import { ToastContext } from '@/utils/ToastProvider';
import { useTheme } from 'next-themes';
import { useFormGuard } from '@/utils/formGuard';
import { PriorityMessages } from '@/types/priority';
@@ -73,7 +74,8 @@ export default function RunEditor({
testTypeMessages,
locale,
}: Props) {
const context = useContext(TokenContext);
const tokenContext = useContext(TokenContext);
const toastContext = useContext(ToastContext);
const { theme, setTheme } = useTheme();
const [testRun, setTestRun] = useState<RunType>(defaultTestRun);
const [folders, setFolders] = useState<FolderType[]>([]);
@@ -89,13 +91,13 @@ export default function RunEditor({
useFormGuard(isDirty, messages.areYouSureLeave);
const fetchRunAndStatusCount = async () => {
const { run, statusCounts } = await fetchRun(context.token.access_token, Number(runId));
const { run, statusCounts } = await fetchRun(tokenContext.token.access_token, Number(runId));
setTestRun(run);
setRunStatusCounts(statusCounts);
};
const initTestCases = async () => {
const casesData = await fetchProjectCases(context.token.access_token, Number(projectId));
const casesData = await fetchProjectCases(tokenContext.token.access_token, Number(projectId));
casesData.forEach((testCase: CaseType) => {
if (testCase.RunCases && testCase.RunCases.length > 0) {
testCase.RunCases[0].editState = 'notChanged';
@@ -106,13 +108,13 @@ export default function RunEditor({
useEffect(() => {
async function fetchDataEffect() {
if (!context.isSignedIn()) {
if (!tokenContext.isSignedIn()) {
return;
}
try {
await fetchRunAndStatusCount();
const foldersData = await fetchFolders(context.token.access_token, Number(projectId));
const foldersData = await fetchFolders(tokenContext.token.access_token, Number(projectId));
setFolders(foldersData);
setSelectedFolder(foldersData[0]);
initTestCases();
@@ -122,7 +124,7 @@ export default function RunEditor({
}
fetchDataEffect();
}, [context]);
}, [tokenContext]);
useEffect(() => {
function onFilter() {
@@ -168,9 +170,11 @@ export default function RunEditor({
const onSave = async () => {
setIsUpdating(true);
await updateRun(context.token.access_token, testRun);
await updateRunCases(context.token.access_token, Number(runId), testCases);
await updateRun(tokenContext.token.access_token, testRun);
await updateRunCases(tokenContext.token.access_token, Number(runId), testCases);
await initTestCases();
toastContext.showToast(messages.updatedTestRun, 'dark');
setIsUpdating(false);
setIsDirty(false);
};
@@ -199,7 +203,7 @@ export default function RunEditor({
<Button
startContent={<Save size={16} />}
size="sm"
isDisabled={!context.isProjectReporter(Number(projectId))}
isDisabled={!tokenContext.isProjectReporter(Number(projectId))}
color="primary"
isLoading={isUpdating}
onPress={onSave}
@@ -294,7 +298,7 @@ export default function RunEditor({
<DropdownTrigger>
<Button
size="sm"
isDisabled={!context.isProjectReporter(Number(projectId))}
isDisabled={!tokenContext.isProjectReporter(Number(projectId))}
color="primary"
endContent={<ChevronDown size={16} />}
>
@@ -341,7 +345,7 @@ export default function RunEditor({
<div className="w-9/12">
<TestCaseSelector
cases={filteredTestCases}
isDisabled={!context.isProjectReporter(Number(projectId))}
isDisabled={!tokenContext.isProjectReporter(Number(projectId))}
selectedKeys={selectedKeys}
onSelectionChange={setSelectedKeys}
onChangeStatus={handleChangeStatus}

1
frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/page.tsx
View File

@@ -11,6 +11,7 @@ export default function Page({ params }: { params: { projectId: string; runId: s
backToRuns: t('back_to_runs'),
updating: t('updating'),
update: t('update'),
updatedTestRun: t('updated_test_run'),
progress: t('progress'),
refresh: t('refresh'),
id: t('id'),