Skip to content

Commit e74f787

Browse files
committed
beta v7: chinese translations
1 parent 6d75563 commit e74f787

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+3130
-501
lines changed

packages/selenium-ide/.eslintrc.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
const pkg = require('./package.json')
1+
const pkg = import('./package.json')
22

33
module.exports = {
44
extends: './../../.eslintrc.js',
Lines changed: 28 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
import Tabs from '@mui/material/Tabs'
22
import Tab from '@mui/material/Tab'
3-
import React from 'react'
3+
import React, { useEffect, useState } from 'react'
44
import { PROJECT_TAB, SUITES_TAB, TESTS_TAB } from '../../enums/tab'
55
import { SIDEMainProps } from '../types'
66

7+
/**********顶部菜单栏tab*************/
78
function a11yProps(index: number) {
89
return {
910
'aria-controls': `tabpanel-${index}`,
@@ -14,19 +15,31 @@ function a11yProps(index: number) {
1415
const AppBarTabs: React.FC<Pick<SIDEMainProps, 'setTab' | 'tab'>> = ({
1516
setTab,
1617
tab,
17-
}) => (
18-
<Tabs
19-
aria-label="Selenium IDE workflows"
20-
className="not-draggable"
21-
indicatorColor="secondary"
22-
onChange={(_e, v) => setTab(v)}
23-
textColor="inherit"
24-
value={tab}
25-
>
26-
<Tab label="Tests" {...a11yProps(TESTS_TAB)} />
27-
<Tab label="Suites" {...a11yProps(SUITES_TAB)} />
28-
<Tab label="Config" {...a11yProps(PROJECT_TAB)} />
29-
</Tabs>
30-
)
18+
}) => {
19+
const [languageMap, setLanguageMap] = useState<any>({
20+
mainMenu: { tests: 'Tests', suites: 'Suites', config: 'Config' },
21+
})
22+
23+
useEffect(() => {
24+
window.sideAPI.system.getLanguageMap().then((result) => {
25+
setLanguageMap(result)
26+
})
27+
}, [])
28+
29+
return (
30+
<Tabs
31+
aria-label="Selenium IDE workflows"
32+
className="not-draggable"
33+
indicatorColor="secondary"
34+
onChange={(_e, v) => setTab(v)}
35+
textColor="inherit"
36+
value={tab}
37+
>
38+
<Tab label={languageMap.mainMenu.tests} {...a11yProps(TESTS_TAB)} />
39+
<Tab label={languageMap.mainMenu.suites} {...a11yProps(SUITES_TAB)} />
40+
<Tab label={languageMap.mainMenu.config} {...a11yProps(PROJECT_TAB)} />
41+
</Tabs>
42+
)
43+
}
3144

3245
export default AppBarTabs
Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,32 @@
11
import PauseIcon from '@mui/icons-material/Pause'
22
import IconButton from '@mui/material/IconButton'
33
import Tooltip from '@mui/material/Tooltip'
4-
import React, { FC } from 'react'
4+
import React, { FC, useEffect, useState } from 'react'
55
import baseControlProps from './BaseProps'
66

7-
const PauseButton: FC = () => (
8-
<Tooltip title="Pause" aria-label="pause">
9-
<IconButton
10-
{...baseControlProps}
11-
data-pause
12-
onClick={() => window.sideAPI.playback.pause()}
13-
>
14-
<PauseIcon />
15-
</IconButton>
16-
</Tooltip>
17-
)
7+
const PauseButton: FC = () => {
8+
const [languageMap, setLanguageMap] = useState<any>({
9+
testCore: {
10+
pause: 'Pause',
11+
},
12+
})
13+
14+
useEffect(() => {
15+
window.sideAPI.system.getLanguageMap().then((result) => {
16+
setLanguageMap(result)
17+
})
18+
}, [])
19+
return (
20+
<Tooltip title={languageMap.testCore.pause} aria-label="pause">
21+
<IconButton
22+
{...baseControlProps}
23+
data-pause
24+
onClick={() => window.sideAPI.playback.pause()}
25+
>
26+
<PauseIcon />
27+
</IconButton>
28+
</Tooltip>
29+
)
30+
}
1831

1932
export default PauseButton

packages/selenium-ide/src/browser/components/Controls/PlayButton.tsx

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import PlayArrowIcon from '@mui/icons-material/PlayArrow'
22
import IconButton from '@mui/material/IconButton'
33
import Tooltip from '@mui/material/Tooltip'
4-
import React, { FC, useContext } from 'react'
4+
import React, { FC, useContext, useEffect, useState } from 'react'
55
import { badIndex } from '@seleniumhq/side-api/dist/constants/badIndex'
66
import baseControlProps from './BaseProps'
77
import { context as playbackCurrentIndexContext } from 'browser/contexts/playback-current-index'
@@ -10,8 +10,19 @@ import { context as activeTestContext } from 'browser/contexts/active-test'
1010
const PlayButton: FC = () => {
1111
const { activeTestID } = useContext(activeTestContext)
1212
const currentIndex = useContext(playbackCurrentIndexContext)
13+
const [languageMap, setLanguageMap] = useState<any>({
14+
testCore: {
15+
play: 'Play',
16+
},
17+
})
18+
19+
useEffect(() => {
20+
window.sideAPI.system.getLanguageMap().then((result) => {
21+
setLanguageMap(result)
22+
})
23+
}, [])
1324
return (
14-
<Tooltip title="Play" aria-label="play">
25+
<Tooltip title={languageMap.testCore.play} aria-label="play">
1526
<IconButton
1627
{...baseControlProps}
1728
data-play
Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,32 @@
11
import PlaylistPlayIcon from '@mui/icons-material/PlaylistPlay'
22
import IconButton from '@mui/material/IconButton'
33
import Tooltip from '@mui/material/Tooltip'
4-
import React, { FC } from 'react'
4+
import React, { FC, useEffect, useState } from 'react'
55
import baseControlProps from './BaseProps'
66

7-
const PlayListButton: FC = () => (
8-
<Tooltip title="Play Suite" aria-label="play-suite">
9-
<IconButton
10-
{...baseControlProps}
11-
data-play-suite
12-
onClick={() => window.sideAPI.playback.playSuite()}
13-
>
14-
<PlaylistPlayIcon />
15-
</IconButton>
16-
</Tooltip>
17-
)
7+
const PlayListButton: FC = () => {
8+
const [languageMap, setLanguageMap] = useState<any>({
9+
suitesTab: {
10+
playSuite: 'Play Suite',
11+
},
12+
})
13+
14+
useEffect(() => {
15+
window.sideAPI.system.getLanguageMap().then((result) => {
16+
setLanguageMap(result)
17+
})
18+
}, [])
19+
return (
20+
<Tooltip title={languageMap.suitesTab.playSuite} aria-label="play-suite">
21+
<IconButton
22+
{...baseControlProps}
23+
data-play-suite
24+
onClick={() => window.sideAPI.playback.playSuite()}
25+
>
26+
<PlaylistPlayIcon />
27+
</IconButton>
28+
</Tooltip>
29+
)
30+
}
1831

1932
export default PlayListButton
Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,32 @@
11
import RecordIcon from '@mui/icons-material/FiberManualRecord'
22
import IconButton from '@mui/material/IconButton'
33
import Tooltip from '@mui/material/Tooltip'
4-
import React, { FC } from 'react'
4+
import React, { FC, useEffect, useState } from 'react'
55
import baseControlProps from './BaseProps'
66

7-
const RecordButton: FC = () => (
8-
<Tooltip title="Record" aria-label="record">
9-
<IconButton
10-
{...baseControlProps}
11-
data-record
12-
onClick={() => window.sideAPI.recorder.start()}
13-
>
14-
<RecordIcon color="error" />
15-
</IconButton>
16-
</Tooltip>
17-
)
7+
const RecordButton: FC = () => {
8+
const [languageMap, setLanguageMap] = useState<any>({
9+
testCore: {
10+
record: 'Record',
11+
},
12+
})
13+
14+
useEffect(() => {
15+
window.sideAPI.system.getLanguageMap().then((result) => {
16+
setLanguageMap(result)
17+
})
18+
}, [])
19+
return (
20+
<Tooltip title={languageMap.testCore.record} aria-label="record">
21+
<IconButton
22+
{...baseControlProps}
23+
data-record
24+
onClick={() => window.sideAPI.recorder.start()}
25+
>
26+
<RecordIcon color="error" />
27+
</IconButton>
28+
</Tooltip>
29+
)
30+
}
1831

1932
export default RecordButton
Lines changed: 25 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,32 @@
11
import StopIcon from '@mui/icons-material/Stop'
22
import IconButton from '@mui/material/IconButton'
33
import Tooltip from '@mui/material/Tooltip'
4-
import React, { FC } from 'react'
4+
import React, { FC, useEffect, useState } from 'react'
55
import baseControlProps from './BaseProps'
66

7-
const StopButton: FC = () => (
8-
<Tooltip title="Stop" aria-label="stop">
9-
<IconButton
10-
{...baseControlProps}
11-
onClick={() => window.sideAPI.playback.stop()}
12-
>
13-
<StopIcon />
14-
</IconButton>
15-
</Tooltip>
16-
)
7+
const StopButton: FC = () => {
8+
const [languageMap, setLanguageMap] = useState<any>({
9+
testCore: {
10+
stop: 'Stop',
11+
},
12+
})
13+
14+
useEffect(() => {
15+
window.sideAPI.system.getLanguageMap().then((result) => {
16+
setLanguageMap(result)
17+
})
18+
}, [])
19+
20+
return (
21+
<Tooltip title={languageMap.testCore.stop} aria-label="stop">
22+
<IconButton
23+
{...baseControlProps}
24+
onClick={() => window.sideAPI.playback.stop()}
25+
>
26+
<StopIcon />
27+
</IconButton>
28+
</Tooltip>
29+
)
30+
}
1731

1832
export default StopButton

0 commit comments

Comments
 (0)