- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在文本框中输入了一些电子邮件,我试图获取文本框的值(假设是电子邮件地址),但我收到:ClientFunctionResultPromise { _then: [], _fn: [Function], _taskPromise: null } 我正在尝试记录输出,因为本质上我想创建一个断言来检查输入框是否已填充。
主文件.js
import login from '../pages/login’;
import { Selector } from 'testcafe';
const logs = new login();
fixture `A Simple Example`
.page `http://localhost/simple-example`;
test(‘Check email`', async t => {
logs.enterEmail(”yager@micheal.com");
});
export default class Login {
constructor() {
this.receiptEmail = Selector("input[copy='Recipient email']");
}
async enterEmail(email){
await t.typeText(this.receiptEmail,email);
console.log(this.receiptEmail.innerText); // I also tried textContent and value and still received the same log
}
}
<div class="CustomerInfo__fields__field"><label for="recipient-email" class="CustomerInfo__fields__field__label" style="visibility: visible;">Recipient email*</label><input copy="Recipient email" field="email" section="recipient" maxlength="200" class="CustomerInfo__fields__field__input recipient-email " required="" name="email" placeholder="" type="email" value="yager@micheal.com"></div>
最佳答案
表单元素需要一个 name 属性才能在提交表单时传递它们的值。使用 name
或 id
属性是选择正确的表单域进行测试的自然方式。
对于输入字段,例如:
<input id="email" name="email_address" />
#email
或
input[name="email_address"]
作为选择器字符串。
import { Selector, t } from 'testcafe';
fixture `A Simple Example`
.page `http://localhost/simple-example`;
test('Email Input Test', async t => {
const emailInput = Selector('input[name="email_address"]');
const emailAddress = 'john.smith@domain.com';
await t
.typeText(emailInput, emailAddress)
.expect(emailInput.value).eql(emailAddress);
});
label
为
recipient-email
指定表单字段的标签,这应该对应于
id
的值表单输入字段的属性。您的表单输入标签没有
id
属性,添加属性简化了选择器。
value
字段的属性,在向字段添加内容之前需要清除它。 TestCafe API 不会直接将字段值设置为字符串,而是模拟用户键入提供的文本。因此,如果输入没有被自动清除,例如在单击它之后,您需要模拟用户删除文本的操作。
<div class="CustomerInfo__fields__field">
<label for="recipient-email"
class="CustomerInfo__fields__field__label"
style="visibility: visible;">Recipient email*</label>
<input id="recipient-email"
copy="Recipient email" field="email" section="recipient" maxlength="200"
class="CustomerInfo__fields__field__input recipient-email " required=""
name="email" placeholder="" type="email" value="yager@micheal.com" />
</div>
t
以便 TestCafe 可以发挥其魔力并提供正确的测试 Controller 。
import { Selector, t } from 'testcafe';
export default class Login {
constructor () {
// Use standard CSS selectors to locate elements
// This selector targets the HTML element with id="recipient-email"
this.receiptEmail = Selector('#recipient-email');
}
async enterEmail(email) {
// Simulate the clearing of the field first
await t
.click(this.receiptEmail)
.pressKey('ctrl+a delete')
.typeText(this.receiptEmail, email);
// Resolve the Selector promise to get the field
// and console.log the value property
console.log('receiptEmail: ' + await this.receiptEmail.value);
}
}
import { Selector } from 'testcafe';
import login from '../pages/login';
const logs = new login();
// Change the page URL string
// It specifies the target URL to load for the test fixture
fixture `A Simple Example`
.page `http://localhost/simple-example`;
test('Check email', async t => {
// You must use 'await'
await logs.enterEmail('user@unknown.com');
});
Selector
有效,它将返回一个 Promise,您可以解析它以获取 HTML 字段,这将使您可以访问它的
value
属性(property)。
关于javascript - 发送一些输入后如何获取输入框的文本值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50322044/
我试图在我的窗口中放置一个小的输入框,该窗口目前是一个黑色的窗口。 我的代码在下面,谁能告诉我如何将输入框输入到窗口中,谢谢 "#include /* Declare Windows proce
我发现这段代码可以为 powershell 创建简单的输入框: [void][Reflection.Assembly]::LoadWithPartialName('Microsoft.VisualBa
我有以下 Excel 文件的输入框。我不想显示输入字符而需要显示输入框字符 * ,该怎么做? Private Sub Workbook_Open() Dim UserName As String Us
我有一个名字输入框。我想在用户键入时自动将名称的第一个字母大写,但允许用户覆盖名称的更改,例如“de Salis”。 我看到 here 这对于 CSS 是不可能的,因为 text-transform:
嘿,伙计们,我需要帮助,我有这个样式表,里面是管理 div...它目前的宽度为 20px,高度为 50px,当鼠标指针悬停时它会变大..我希望发生的是当我将鼠标指针悬停在那里时,它会展开文本和输入框,
我正在为我的 ASP.NET 应用程序开发 UI,我有一个登录表单,其中有一个框,框内有这样的字段。 (xxxx为输入框) Name: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
为了给图标腾出空间,我将占位符文本 35px 移到了我的 input 的右侧;但是,当我开始在 input 字段中键入时,文本从图标后面开始。 我尝试了一些谷歌搜索,但我还没有找到答案。我看到的搜索结
美好的一天。我正在尝试创建自己的输入框以用于我的项目。基本上我想做的是运行我的主窗体,它将调用第二个窗体。用户将在第二个上提供一些数据,当在第二个上按下确定/关闭按钮时,数据将传回第一个。功能类似于输
我需要一个快速文本输入对话框(其中包含一个文本框的 MessageBox)。是否有可用的控件或我应该使用表单? 我只想让用户输入一些 ID。在其他情况下,我需要 2 个文本框作为用户名和密码。 最佳答
禁用 HTML 的 INPUT 文本框的代码是什么? 谢谢 最佳答案 参见 W3C HTML Specification on the input tag获取更多信息。 关于HTML 输入框 - 禁
嘿,我正在努力寻找“最佳位置”,以便它能够按照我的需要工作。 下面是我当前正在使用的 JS 代码。 和框代码: $("#ANDbtn").click(function() { if (numOR
我正在提出一个问题,人们必须输入其中包含普通文本和上标的答案。我认为最好的方法是制作一个按钮,使用户能够将文本放入上标,然后转义上标,但我不知道如何解决这个问题并使文本显示为上标。 这是我到目前为止所
我需要一个输入文本框,它只能接受 0 和 1 的字符串,例如 00101110101。 限制输入任何字母,但是,我们可以输入 1,2,3,4 等等。我需要将输入字符串限制为仅包含 0 和 1。 有什么
我有一个按钮,可以在前一个输入框的正下方添加一个输入框。我想添加一个动画,试图让它更流畅,而不是仅仅在那里弹出。到目前为止,我已经尝试过了,但是没有用。一个 fiddle 的例子会很棒。 var co
我正在尝试使用 jquery 创建一个计算 GPA 的 webview 应用程序,我创建了两个按钮,其中一个用于添加新元素,另一个用于删除元素,我正在尝试添加多个元素同时,例如模块名称、学分输入和选项
我有一个简单的输入框 具有以下样式: input { border-radius: 5px; width: 564px; opacity: 0.14; } 我的问题是因为我改
我有一个小页面,可让我通过单击“添加股票”按钮将股票添加到我的投资组合中,查看下图以供引用。 单击“添加股票”按钮会弹出一个模式框,其中列出了我可以添加到我的投资组合中的股票。 我可以通过单击“分配”
我想使用这个 css 设置:border-color: red; 对于 input 元素。 但是当我这样做时,它们的指标与默认的 chrome 边框不同。 请看这个jsfiddle: http://j
我正在尝试制作一个输入框,当它被聚焦时获取键盘输入,并且只在框的中间显示那个键名,没有闪烁的条,也不允许编辑。并且还将变量更改为键。 所以如果 [ ] 是一个输入框。我输入 F7 然后框应该显示 [
我想要一个用于输入日期的输入框,以便用户只能以一种方式输入。 键入前的输入框如下所示(没有下划线)__/__/____,以及 / 不会在用户键入日期时被删除。 谢谢 最佳答案 感谢@Bryan Oak
我是一名优秀的程序员,十分优秀!