zhangyuheng/blessing-skin-server
1
0
Fork 0
forked from mirror/blessing-skin-server
Code Pull Requests Activity

refactor

Browse Source
This commit is contained in:
Pig Fang 2020-02-07 15:21:43 +08:00
parent 2d57248654
commit 55f9ba1cff
2 changed files with 51 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
resources/assets/src/views/user/OAuth/index.tsx
View File

@ -1,9 +1,9 @@
import React, { useState, useEffect } from 'react'
import { hot } from 'react-hot-loader/root'
import { trans } from '../../../scripts/i18n'
import * as fetch from '../../../scripts/net'
import { showModal, toast } from '../../../scripts/notify'
import Loading from '../../../components/Loading'
import { t } from '@/scripts/i18n'
import * as fetch from '@/scripts/net'
import { showModal, toast } from '@/scripts/notify'
import Loading from '@/components/Loading'
import Row from './Row'
import ModalCreate from './ModalCreate'
import { App } from './types'
@ -46,11 +46,12 @@ const OAuth: React.FC = () => {
const editName = async (app: App, index: number) => {
let name: string
try {
;({ value: name } = await showModal({
const { value } = await showModal({
mode: 'prompt',
title: trans('user.oauth.name'),
title: t('user.oauth.name'),
input: app.name,
}))
})
name = value
} catch {
return
}
@ -72,11 +73,12 @@ const OAuth: React.FC = () => {
const editRedirect = async (app: App, index: number) => {
let redirect: string
try {
;({ value: redirect } = await showModal({
const { value } = await showModal({
mode: 'prompt',
title: trans('user.oauth.redirect'),
title: t('user.oauth.redirect'),
input: app.redirect,
}))
})
redirect = value
} catch {
return
}
@ -98,7 +100,7 @@ const OAuth: React.FC = () => {
const handleDelete = async (app: App) => {
try {
await showModal({
text: trans('user.oauth.confirmRemove'),
text: t('user.oauth.confirmRemove'),
okButtonType: 'danger',
})
} catch {
@ -112,18 +114,18 @@ const OAuth: React.FC = () => {
return (
<>
<button className="btn btn-primary" onClick={handleShowModalCreate}>
{trans('user.oauth.create')}
{t('user.oauth.create')}
</button>
<div className="card mt-2">
<div className="card-body p-0">
<table className="table table-striped">
<thead>
<tr>
<th>{trans('user.oauth.id')}</th>
<th>{trans('user.oauth.name')}</th>
<th>{trans('user.oauth.secret')}</th>
<th>{trans('user.oauth.redirect')}</th>
<th>{trans('admin.operationsTitle')}</th>
<th>{t('user.oauth.id')}</th>
<th>{t('user.oauth.name')}</th>
<th>{t('user.oauth.secret')}</th>
<th>{t('user.oauth.redirect')}</th>
<th>{t('admin.operationsTitle')}</th>
</tr>
</thead>
<tbody>

64
resources/assets/tests/views/user/OAuth.test.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'
import { render, fireEvent, wait } from '@testing-library/react'
import * as fetch from '@/scripts/net'
import { trans } from '@/scripts/i18n'
import { t } from '@/scripts/i18n'
import OAuth from '@/views/user/OAuth'
import { App } from '@/views/user/OAuth/types'
@ -30,14 +30,14 @@ describe('create app', () => {
const { getByPlaceholderText, getByText, queryByText } = render(<OAuth />)
await wait()
fireEvent.click(getByText(trans('user.oauth.create')))
fireEvent.input(getByPlaceholderText(trans('user.oauth.name')), {
fireEvent.click(getByText(t('user.oauth.create')))
fireEvent.input(getByPlaceholderText(t('user.oauth.name')), {
target: { value: 'My App' },
})
fireEvent.input(getByPlaceholderText(trans('user.oauth.redirect')), {
fireEvent.input(getByPlaceholderText(t('user.oauth.redirect')), {
target: { value: 'http://url.test/' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.post).toBeCalledWith('/oauth/clients', {
@ -57,14 +57,14 @@ describe('create app', () => {
)
await wait()
fireEvent.click(getByText(trans('user.oauth.create')))
fireEvent.input(getByPlaceholderText(trans('user.oauth.name')), {
fireEvent.click(getByText(t('user.oauth.create')))
fireEvent.input(getByPlaceholderText(t('user.oauth.name')), {
target: { value: 'My App' },
})
fireEvent.input(getByPlaceholderText(trans('user.oauth.redirect')), {
fireEvent.input(getByPlaceholderText(t('user.oauth.redirect')), {
target: { value: 'http://url.test/' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.post).toBeCalledWith('/oauth/clients', {
@ -81,21 +81,21 @@ describe('create app', () => {
const { getByPlaceholderText, getByText } = render(<OAuth />)
await wait()
fireEvent.click(getByText(trans('user.oauth.create')))
fireEvent.input(getByPlaceholderText(trans('user.oauth.name')), {
fireEvent.click(getByText(t('user.oauth.create')))
fireEvent.input(getByPlaceholderText(t('user.oauth.name')), {
target: { value: 'My App' },
})
fireEvent.input(getByPlaceholderText(trans('user.oauth.redirect')), {
fireEvent.input(getByPlaceholderText(t('user.oauth.redirect')), {
target: { value: 'http://url.test/' },
})
fireEvent.click(getByText(trans('general.cancel')))
fireEvent.click(getByText(t('general.cancel')))
await wait()
expect(fetch.post).not.toBeCalled()
fireEvent.click(getByText(trans('user.oauth.create')))
expect(getByPlaceholderText(trans('user.oauth.name'))).toHaveValue('')
expect(getByPlaceholderText(trans('user.oauth.redirect'))).toHaveValue('')
fireEvent.click(getByText(t('user.oauth.create')))
expect(getByPlaceholderText(t('user.oauth.name'))).toHaveValue('')
expect(getByPlaceholderText(t('user.oauth.redirect'))).toHaveValue('')
})
})
@ -113,11 +113,11 @@ describe('edit app', () => {
)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyName')))
fireEvent.click(getByTitle(t('user.oauth.modifyName')))
fireEvent.input(getByDisplayValue(fixture.name), {
target: { value: 'new name' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.put).toBeCalledWith(`/oauth/clients/${fixture.id}`, {
@ -139,11 +139,11 @@ describe('edit app', () => {
} = render(<OAuth />)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyName')))
fireEvent.click(getByTitle(t('user.oauth.modifyName')))
fireEvent.input(getByDisplayValue(fixture.name), {
target: { value: 'new name' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.put).toBeCalledWith(`/oauth/clients/${fixture.id}`, {
@ -159,8 +159,8 @@ describe('edit app', () => {
const { getByTitle, getByText, queryByText } = render(<OAuth />)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyName')))
fireEvent.click(getByText(trans('general.cancel')))
fireEvent.click(getByTitle(t('user.oauth.modifyName')))
fireEvent.click(getByText(t('general.cancel')))
await wait()
expect(fetch.put).not.toBeCalled()
@ -177,11 +177,11 @@ describe('edit app', () => {
)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyUrl')))
fireEvent.click(getByTitle(t('user.oauth.modifyUrl')))
fireEvent.input(getByDisplayValue(fixture.redirect), {
target: { value: 'http://new.test/' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.put).toBeCalledWith(`/oauth/clients/${fixture.id}`, {
@ -203,11 +203,11 @@ describe('edit app', () => {
} = render(<OAuth />)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyUrl')))
fireEvent.click(getByTitle(t('user.oauth.modifyUrl')))
fireEvent.input(getByDisplayValue(fixture.redirect), {
target: { value: 'http://new.test/' },
})
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.put).toBeCalledWith(`/oauth/clients/${fixture.id}`, {
@ -223,8 +223,8 @@ describe('edit app', () => {
const { getByTitle, getByText, queryByText } = render(<OAuth />)
await wait()
fireEvent.click(getByTitle(trans('user.oauth.modifyUrl')))
fireEvent.click(getByText(trans('general.cancel')))
fireEvent.click(getByTitle(t('user.oauth.modifyUrl')))
fireEvent.click(getByText(t('general.cancel')))
await wait()
expect(fetch.put).not.toBeCalled()
@ -242,8 +242,8 @@ describe('delete app', () => {
const { getByText, queryByText } = render(<OAuth />)
await wait()
fireEvent.click(getByText(trans('report.delete')))
fireEvent.click(getByText(trans('general.confirm')))
fireEvent.click(getByText(t('report.delete')))
fireEvent.click(getByText(t('general.confirm')))
await wait()
expect(fetch.del).toBeCalledWith(`/oauth/clients/${fixture.id}`)
@ -255,8 +255,8 @@ describe('delete app', () => {
const { getByText, queryByText } = render(<OAuth />)
await wait()
fireEvent.click(getByText(trans('report.delete')))
fireEvent.click(getByText(trans('general.cancel')))
fireEvent.click(getByText(t('report.delete')))
fireEvent.click(getByText(t('general.cancel')))
await wait()
expect(fetch.post).not.toBeCalled()