本文整理匯總了TypeScript中@stencil/core/testing.E2EPage.find方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript E2EPage.find方法的具體用法？TypeScript E2EPage.find怎麽用？TypeScript E2EPage.find使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@stencil/core/testing.E2EPage的用法示例。
在下文中一共展示了E2EPage.find方法的9個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: it
it('should show invalid range validation message', async () => {
element.setProperty('value', '2015-10-01');
await input.press('2');
await page.waitForChanges();
const errorMessage = await page.find('.dot-field__error-meessage');
expect(errorMessage.innerHTML).toBe('Invalid Date Range');
});示例2: it
it('should show Regex validation message', async () => {
element.setProperty('regexCheck', '^[A-Za-z ]+$');
element.setProperty('validationMessage', 'Invalid Address');
await input.press('@');
await page.waitForChanges();
const errorMessage = await page.find('.dot-field__error-meessage');
expect(errorMessage.innerHTML).toBe('Invalid Address');
});示例3: beforeEach
beforeEach(async () => {
page = await newE2EPage({
html: `
<dot-textfield
label='Name:'
name='fullName'
value='John'
hint='this is a hint'
placeholder='Enter Name'
regex-check='^[A-Za-z ]+$'
validation-message="Invalid Name"
required
required-message="Required Name"
></dot-textfield>`
});
spyStatusChangeEvent = await page.spyOnEvent('statusChange');
spyValueChange = await page.spyOnEvent('valueChange');
element = await page.find('dot-textfield');
input = await page.find('input');
});示例4: beforeEach
beforeEach(async () => {
page = await newE2EPage({
html: `
<dot-date
label="Date:"
name="date01"
value="2019-01-20"
hint="date hint"
required
required-message="Required Date"
validation-message="Invalid Date Range"
min="2019-01-01"
max="2019-10-30"
step="2"
></dot-date>`
});
spyStatusChangeEvent = await page.spyOnEvent('statusChange');
spyValueChange = await page.spyOnEvent('valueChange');
element = await page.find('dot-date');
input = await page.find('input');
});示例5: beforeEach
beforeEach(async () => {
page = await newE2EPage();
await page.setContent(`
<dot-radio
name="testRadio"
label="testLabel"
hint="testHint"
options="valueA|1,valueB|2,valueC|3"
value="2"
required="true"
required-message="testErrorMsg"
>
</dot-radio>`);
element = await page.find('dot-radio');
});示例6: beforeEach
beforeEach(async () => {
page = await newE2EPage();
await page.setContent(`
<dot-select
name="testName"
label="testLabel"
hint="testHint"
options="|,valueA|1,valueB|2"
value="2"
required-message="testErrorMsg"
required="true"
>
</dot-select>`);
element = await page.find('dot-select');
});示例7: it
it('should listen for valueChange', async () => {
const textField = await page.find('dot-textfield');
const newValue = {
name: 'field1',
value: 'test2'
};
textField.triggerEvent('valueChange', {
bubbles: true,
cancelable: false,
detail: newValue
});
formStatus = {...formStatus, field1: 'test2' };
await page.waitForChanges();
element.getProperty('value').then((data) => {
expect(data).toEqual(formStatus);
});
});示例8: beforeEach
beforeEach(async () => {
page = await newE2EPage();
await page.setContent(
`<dot-form submit-label="Saved" reset-label="Reseted"></dot-form>`
);
element = await page.find('dot-form');
element.setProperty('fields', fields);
await page.waitForChanges();
const txtFields = await element.findAll('dot-textfield');
txtFields.forEach((field, index) => {
field.triggerEvent('valueChange', {
bubbles: true,
cancelable: false,
detail: {
name: fields[index].name,
value: fields[index].value
}
});
});
await page.waitForChanges();
element.getProperty('value').then((data) => { formStatus = data; });
});示例9: checkFormResult
async function checkFormResult(page: E2EPage, content: string) {
const div = await page.find('#form-result');
expect(div.textContent).toEqual(content);
}