luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix demoVideo

Browse Source
This commit is contained in:
Thomas Nordquist
2020-04-20 13:09:37 +02:00
parent ff00f7a99e
commit 3c40be97b7
5 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/ConnectionSetup/AdvancedConnectionSettings.tsx
View File

@@ -44,7 +44,7 @@ const ConnectionSettings = memo(function ConnectionSettings(props: Props) {
<Grid container={true} spacing={3}> <Grid container={true} spacing={3}>
<Grid item={true} xs={8} className={classes.gridPadding}> <Grid item={true} xs={8} className={classes.gridPadding}>
<TextField <TextField
className={classes.fullWidth} className={`${classes.fullWidth} advanced-connection-settings-topic-input`}
label="Topic" label="Topic"
placeholder="example/topic" placeholder="example/topic"
margin="normal" margin="normal"

2
app/src/components/Demo/Mouse.tsx
View File

@@ -1,6 +1,6 @@
import * as React from 'react' import * as React from 'react'
import { Theme, withStyles } from '@material-ui/core' import { Theme, withStyles } from '@material-ui/core'
const cursor = require('./cursor.png') import cursor from './cursor.png'
interface State { interface State {
enabled: boolean enabled: boolean

2
app/tsconfig.json
View File

@@ -15,7 +15,7 @@
"allowSyntheticDefaultImports": true "allowSyntheticDefaultImports": true
}, },
"include": ["./src/**/*"], "include": ["./src/**/*"],
"exclude": ["**/*.d.ts"], "exclude": ["**/*.d.ts", ".src/**/*.png"],
"awesomeTypescriptLoaderOptions": { "awesomeTypescriptLoaderOptions": {
"useCache": true, "useCache": true,
"transpileModule": true, "transpileModule": true,

9
src/spec/scenarios/showAdvancedConnectionSettings.ts
View File

@@ -1,15 +1,16 @@
import { Browser, Element } from 'webdriverio' import { Browser } from 'webdriverio'
import { clickOn, sleep, setTextInInput } from '../util' import { clickOn, sleep, setInputText } from '../util'
export async function showAdvancedConnectionSettings(browser: Browser) { export async function showAdvancedConnectionSettings(browser: Browser) {
const advancedSettingsButton = await browser.$('//button/span[contains(text(),"Advanced")]') const advancedSettingsButton = await browser.$('//button/span[contains(text(),"Advanced")]')
const addButton = await browser.$('//button/span[contains(text(),"Add")]') const addButton = await browser.$('//button/span[contains(text(),"Add")]')
const topicInput = await browser.$('//*[contains(@class, "advanced-connection-settings-topic-input")]//input')
await clickOn(advancedSettingsButton, browser) await clickOn(advancedSettingsButton, browser)
await setTextInInput('Subscription', 'garden/#', browser) await setInputText(topicInput, 'garden/#', browser)
await clickOn(addButton, browser) await clickOn(addButton, browser)
await setTextInInput('Subscription', 'livingroom/#', browser) await setInputText(topicInput, 'livingroom/#', browser)
await clickOn(addButton, browser) await clickOn(addButton, browser)
await deleteFirstSubscribedTopic(browser) await deleteFirstSubscribedTopic(browser)

6
src/spec/util/index.ts
View File

@@ -37,6 +37,12 @@ export async function deleteTextWithBackspaces(element: Element, browser: Browse
} }
} }
export async function setInputText(input: Element, text: string, browser: Browser) {
await clickOn(input, browser, 1)
await deleteTextWithBackspaces(input, browser)
await input.setValue(text)
}
export async function setTextInInput(name: string, text: string, browser: Browser) { export async function setTextInInput(name: string, text: string, browser: Browser) {
const input = await browser.$(`//label[contains(text(), "${name}")]/..//input`) const input = await browser.$(`//label[contains(text(), "${name}")]/..//input`)
await clickOn(input, browser, 1) await clickOn(input, browser, 1)