在nightwatch中有没有办法访问按钮的onClick处理程序代码？
在 Nightwatch.js 中，直接访问按钮的 onClick 处理程序代码是不可能的。Nightwatch.js 是一个端到端（E2E）测试框架，主要用于模拟用户行为和验证应用程序的功能，而不是用于访问或修改前端代码。
但是，你可以通过 Nightwatch.js 模拟用户点击按钮，并验证点击事件的结果或副作用。这是 E2E 测试的主要目的：确保用户交互能够正确触发预期的行为。
示例：模拟按钮点击并验证结果
假设你有一个按钮，点击后会显示一个消息。你可以使用 Nightwatch.js 来测试这个功能。
HTML 示例
<!DOCTYPE html>
<html>
<head>
<title>Button Click Test</title>
</head>
<body>
<button id="myButton" onclick="showMessage()">Click me</button>
<p id="message" style="display: none;">Hello, World!</p>
<script>
function showMessage() {
document.getElementById('message').style.display = 'block';
}
</script>
</body>
</html>Nightwatch.js 测试
module.exports = {
'Button click should display message': function (browser) {
browser
.url('http://localhost:8080') // 替换为你的本地服务器地址
.waitForElementVisible('body', 1000)
.assert.visible('#myButton')
.click('#myButton')
.waitForElementVisible('#message', 1000)
.assert.containsText('#message', 'Hello, World!')
.end();
}
};解释
- 访问页面：使用
browser.url方法访问你的页面。 - 等待页面加载：使用
waitForElementVisible方法等待页面的body元素可见。 - 验证按钮可见：使用
assert.visible方法验证按钮是否可见。 - 点击按钮：使用
click方法模拟用户点击按钮。 - 等待消息显示：使用
waitForElementVisible方法等待消息元素可见。 - 验证消息内容：使用
assert.containsText方法验证消息内容是否正确。
访问和验证 JavaScript 代码
如果你需要验证按钮的 onClick 处理程序代码，通常会在单元测试中进行，而不是在 E2E 测试中。你可以使用 Jest 或 Mocha 等单元测试框架来测试 JavaScript 函数的行为。
使用 Jest 进行单元测试
假设你有一个单独的 JavaScript 文件 script.js，其中包含 showMessage 函数：
// script.js
function showMessage() {
document.getElementById('message').style.display = 'block';
}
module.exports = showMessage;你可以使用 Jest 来测试这个函数：
// script.test.js
const showMessage = require('./script');
test('showMessage should display message', () => {
// 设置 DOM 环境
document.body.innerHTML = `
<p id="message" style="display: none;">Hello, World!</p>
`;
// 调用函数
showMessage();
// 验证结果
const message = document.getElementById('message');
expect(message.style.display).toBe('block');
});相关·内容
3回答
我试着用Nightwatch测试一个React应用程序。我用的是反应-路由器。
使用Nightwatch运行我的测试时，window是未定义的。
React使用以下代码段来测试DOM是否可用：
var canUseDOM = !!(
typeof window !== 'undefined' &&
window.document &&
window.document.createElement
);
来源: React.js：
React路由器期望canUseDOM为真，否则它会抛出一个错误。
所以我的测试失败了，因为wind
浏览 3提问于2015-04-18得票数 7
1回答
我必须在HTML中制作控制按钮，所以当有人点击按钮时，结果应该是Python中的打印功能与文字：“按钮被按下”。下面是基本的HTML代码：
<html>
<head>
<title>Example</title>
</head>
<body bgcolor="white">
<form>
<input type="button" value="Start" onclick="window.open('h
浏览 0提问于2015-05-06得票数 0
我有一个用于nightwatch.js的docker设置，用于通过express服务器应用程序的selenium网格运行selenium测试。当我只是使用docker时，在服务器启动后手动编写并运行我的nightwatch测试，一切似乎都正常启动。如果我将它们作为容器命令的一部分运行(即，在我的应用服务器容器命令中，或者在基于它的新容器中，只运行nightwatch)，然后我得到一个503坏网关错误。我认为在我的docker设置中有一个竞争条件导致了这一点。有没有办法确保我的应用服务器在运行我的夜间手表测试之前正确启动？
浏览 3提问于2017-06-19得票数 1
回答已采纳
1回答
我正在测试一个包含视频播放器的应用程序。我想让Nightwatch识别视频在点击播放按钮后正在播放，并在点击暂停按钮时暂停。我说的不是检测播放器发送的播放或暂停事件，而是检测视频是否真的在播放。有没有办法检测视频是否真的在播放或暂停？
浏览 2提问于2017-03-10得票数 0
nightwatch命令使用一个名为Logger的类在命令执行时记录消息。有没有办法扩展这个记录器？
我想捕获nightwatch客户端提交给Logger的每条消息，并对其执行其他操作。
在我的例子中，我希望将消息提交给cucumber-js中的"attach“函数，以便可以将夜间日志”附加“到cucumber-js报告中。
是否有Logger Handler或Logger Consumer或Logger Listener或类似的东西？有什么想法吗？
浏览 0提问于2018-03-28得票数 0
我们有邮差收藏品。我们想要验证在web中从API创建的数据。一种方法是我们可以在jenkins中集成两者，但我们希望仅通过nightwatch执行所有验证。有没有办法在Nightwatch中使用邮递员集合？
浏览 17提问于2019-08-27得票数 0
回答已采纳
每当我的测试场景失败时，我想关闭我的浏览器实例，当前的问题是我的测试执行继续到下一个场景，因为我的最后一个窗口仍然在寻找定位器等，即使我的下一个场景也失败了。
如果我的测试场景在Nightwatch中失败了，有没有办法关闭我的浏览器窗口？
test_settings：{
default: {
launch_url: 'http://localhost',
page_objects_path: './e2e-nightwatch/ionic/objects',
selenium_host: '127.0.0.1',
selenium
浏览 0提问于2018-01-10得票数 0
我正在使用nightwatch.js进行ui自动化测试，我在一个问题上苦苦挣扎，我想点击警报框的"OK“按钮，但我无法这样做，因为我没有找到在浏览器上使用nightwatch.js按下警报框的"OK”按钮。
有什么办法请建议。
浏览 3提问于2016-02-09得票数 6
回答已采纳
我是nightwatch.js的新手。我在QA工作，开发人员不想使用ids或类进行自动化测试。他们想使用data-test。以data-test="nav-button"为例。
有没有办法在nightwatch.js中使用这个属性来查找元素并单击元素？
浏览 8提问于2017-12-06得票数 4
回答已采纳
我正在使用Nightwatch，并希望监控由我的nightwatch步骤生成的http请求。有没有办法监听发送的请求和接收的响应。我不需要修改它们。
谢谢，马特
浏览 4提问于2016-05-31得票数 7
1回答
我这里有个问题。
我在推送通知中有一个深层链接的逻辑。
现在这是FCM的json：
{
"to": token_here",
"data": {
"DEEP_LINK_PATH": "STRING_HERE",
},
"notification": {
"title": "Teste",
"body": "Push de teste"
}
}
正如您所看到的，所有用于深度链接的逻辑都在DATA中，一如既往。
当我的应用程
浏览 0提问于2019-03-16得票数 0
我有一个带有onclick事件的提交按钮：
<input type='submit' name='add-row' onclick='addRow()' value='+'>
我的输入文本框都有required属性。如果必填字段没有保存数据，我希望阻止onclick事件，但看起来只有在提交时才选中必填字段。我不想提交，因为这会导致页面重新加载(稍后我会有另一个按钮用于同时提交所有表单)。
有没有办法更快地强制检查必填字段，或者我必须在onclick函数中手动检查每个字段？
浏览 2提问于2013-06-28得票数 1
回答已采纳
1回答
我正在尝试添加一些额外的信息在TextToSpeech( TTS )的辅助功能用户，如当用户点击日历按钮，应该有TTS公告，如这是一个日历小工具，用户应该向上或向下滑动选择一个日期。
因此，我在日历按钮的onclick中添加了一个textToSpeech代码。但是TTS不工作，并且对讲直接通告所选择的日期/当前日期。
我的代码结构如下：
calendarButton.onclick{
if(accessibilityIsActive)
tts.speak("This is a calendar widget.Do this
浏览 1提问于2015-12-15得票数 2
好的，我已经阅读了nightwatch.js，中page_objects的用法，但是我仍然会遇到一些问题(我确信这是由于一些显而易见的和/或简单的原因)。
以cookieremoval.js为指南，我将文件添加到了page_objects文件夹中。
module.exports = {
elements: {
removeCookies: {
selector: '.banner_continue--2NyXA'
}
}
}
在我的nightwatch.conf.js文件中有；
page_objects_path: "tests/func
浏览 0提问于2018-09-11得票数 0
回答已采纳
所以，我知道在Nightwatch中做断言的唯一方法是通过browser.expect，它以某种方式与DOM绑定在一起。
有没有办法让我做一个手动断言，比如：expect(true).to.be(true)，并将这个断言绑定到nightwatch testrunner中？
浏览 2提问于2017-05-10得票数 1
如何获取有关nightwatch.js调试的所有控制台消息？
在phantom中，可以使用page.onError处理程序。我可以用nightwatch做同样的事情吗？
我知道window.onerror，但是有没有办法保存所有的控制台消息？
任何人都可以共享工作配置/代码吗？
浏览 0提问于2015-04-04得票数 22
回答已采纳
1回答
在google可视化中，我实现了一个仪表板，其中包含一个表和一些控件过滤器。
在html中，我添加了一个按钮，当我单击该按钮时，我希望获得所有选中的行:问题是函数getChart()返回一个空对象:为什么？
我必须在哪里实现onclick函数？
google.load('visualization', '1.0', {'packages':['controls', "corechart"]});
google.setOnLoadCallback(drawDashboard);
function drawDashb
浏览 3提问于2014-06-27得票数 0
如何设置自定义安装配置文件来运行Nightwatch测试？我在医务室里没看到。.drupalInstall()命令的定义有：
commandAsWebserver(
`php ./scripts/test-site.php install ${setupFile} --install-profile nightwatch_testing --base-url ${process.env.DRUPAL_TEST_BASE_URL} ${dbOption} --json`,
),
它看起来像配置文件是硬编码的，没有办法设置。
浏览 0提问于2020-02-16得票数 1
我想用nightwatch做一些自动化测试：
this.demoTest = function (browser) {
browser.executeAsync(function(data, done) {
someAsyncOperation(function() {
done(true);
});
}, [imagedata], function(result) {
// ...
});
};
但我不知道如何使用executeAsync，know是我的代码：
module.exports = {
浏览 0提问于2017-04-10得票数 0
有没有办法从raycast中调用onclick事件？我有世界规模的画布附加到一个对象，其中有图像与按钮。当我用鼠标选择按钮时，我的事件函数就会被调用。但现在我正在尝试调整代码，这样我就可以避免一起使用鼠标。
[SerializeField]
private Image cursor;
[SerializeField]
private LayerMask uI;
if (Input.GetButtonDown("Fire1"))
{
Ray ray = Camera.main.ScreenPointToRay(cursor.transform.posit
浏览 3提问于2018-03-16得票数 1
回答已采纳
1回答
也许对我的问题还有一些次要的问题：
是否有将事件绑定到元素的通用解决方案？(没有jquery或其他javascript库)。
我发现$(element).data('events')无法在<element onclick="some_functions()">中注册事件。我们怎样才能拿到它？
我的目标是在本机事件之前插入一个事件(由html页面的程序员注册)。我找到了两个解决方案。
使用jQuery
修改HTMLElement.prototype.addeventlister
然而，我发现这两种方法都不能解决这种情
浏览 4提问于2013-05-06得票数 0
1回答
我有一个元素#div_1，它在同一个文档(而不是extern文件)中有一个普通的JS函数：
var trigger = false;
var div_1 = document.getElementById('div_1')
div_1.onclick = function() { trigger = true; };
在一个外部JS文件中，我有一个jQuery按钮单击相同的元素：
$(document).ready(function() {
$('#div_1').click(function() {
// some actions here
});
浏览 2提问于2014-05-03得票数 0
回答已采纳
我们的开发小组正在启动一个新的React项目，我一直试图使用Nightwatch + Selenium进行e2e测试。在使用NodeJS 6.9.4运行所有东西时，我让它正常工作。现在，我们被迫将NodeJS升级到8.1.4，我面临一个问题，使我无法继续进行测试。当我使用作为浏览器时，我一直收到一条‘无法到达这个站点’的消息(但是如果我手动打开Chrome窗口，就可以访问这个页面)。知道会发生什么事吗？这里有测试结果日志和我的nightwatch.conf.js
测试结果：
INFO Request: GET /wd/hub/session/fc36e7a7-4909-4dfd-a853-6d
浏览 1提问于2017-07-19得票数 0
我正在尝试在基于云的浏览器测试服务上运行我们的Nightwatch测试套件。现在，我将在本地机器上运行Nightwatch，指定selenium_port和selenium_host等测试设置，以连接到云服务系统上的selenium。测试发送登录到被测系统的密码，所以我不希望这件事以明文形式在互联网上传播。
我在中没有看到任何像selenium_protocol或selenium_scheme (http或https)这样的东西。
相比之下，有一个protocol配置属性，对于我们的WebdriverIO测试，我已经将该属性设置为"https"。
有没有办法让Nightwatc
浏览 6提问于2017-12-22得票数 1
1回答
我有一个表单提交给自己的aspx页面。在表单中有2个带有各种输入域、文本等的Div1。默认情况下，Div1是通过css隐藏的。有一个提交按钮，回发到同一页。如何让按钮将css显示值更改为“div1”，以便现在可以看到block？
我可以让onclick暂时显示它，但因为它需要重新加载页面，所以它缺省为隐藏。有没有办法在提交后改变目标页面的内联css？
info和controlstext字段等。
因此，在提交时，此页面应通过更改内联css呈现div1可见。
最好的方法是什么？
谢谢。
浏览 0提问于2009-10-14得票数 0
回答已采纳
1回答
你好，我正在尝试将按钮的值插入到代码中：
以下是按钮的代码：
<asp:Button ID="addFriend" runat="server" ' CommandArgument ='<%# Eval("ProfileId") %>'
CommandName='<%# Eval("ProfileId") %>' Value='<%# Eval("ProfileId") %>Text="Add Frien
浏览 0提问于2014-12-25得票数 0
现在，我有一个事件侦听器，它侦听屏幕上的点击。屏幕上还有一个按钮。当我单击该按钮时，事件侦听器将在onclick之前执行。有没有办法让onclick拥有更高的优先级？
<script>
document.body.addEventListener('click',function(){alert('1');}, false);
function clicked() {
alert('2');
}
</script>
<button onclick="clicked()">Click
浏览 5提问于2015-04-28得票数 14
回答已采纳
我的项目中有一个Nightwatch + BrowserStack配置，我正在尝试添加自定义命令到我的项目中，以便使用resemble.js比较两个截图。我用下面的代码配置我的nightwatch.json文件：
"custom_commands_path": "./node_modules/nightwatch/commands",
"custom_assertions_path": "./node_modules/nightwatch/assertions"
我将命令文件放在文件夹中，并尝试在每个可能的目录中运行我的测试，以查
浏览 8提问于2017-06-13得票数 0
我在default.aspx页面中有我的html代码，我无法访问default.cs页面上按钮事件的onclick。我在我的System.Web.UI.Page页面中继承default.cs。有没有办法在.cs文件中获取onclick事件
浏览 3提问于2014-04-15得票数 0
回答已采纳
2回答
<html:submit
property = "buttonClicked"
styleClass = "buttonEnabled"
value = " Search"
onclick="this.form.submit(); this.disabled=true; this.value='Searching'"
onclick="return rfqValidation();"/>
这是我对按钮点击的验证。但是只有一个验
浏览 1提问于2015-11-12得票数 0
你好啊，
这是一个有点棘手的情况，我需要一些建议。
我在我的项目中有几个像这样的href。
<a class="not-allowed" href="javascript:void(0)" onclick="showSettingDiv();">Change</a>
<a class="" href="javascript:void(0)" onclick="DeleteSettingDiv();">Delete</a>
根据用户登录的类型，我必须有一
浏览 7提问于2011-03-04得票数 3
回答已采纳
我有两个相同的<div>元素，具有不同的侦听器onClick事件。
function onclick() {
console.log("onclick");
}
.some-styles {
margin: 10px;
border: 1px solid black;
}
<div
id="fisrt"
class="some-styles"
onclick="onclick()"
>
Click the text to see in the console
<
浏览 0提问于2018-12-08得票数 3
回答已采纳
从1.6开始，在Android中实现按钮处理程序的一种方法是将其放入声明按钮的XML中。。。
...
android:onClick="TheButtonHandler"
...
然后将处理程序例程放在活动类中。。。
public void TheButtonHandler(View target) {
// ... button handler code
}
我有一些Android代码，在这些代码中，所有的按钮都是在初始化时用Java创建的，而不是用XML创建的，但是我想做与上面的XML相同的事情，包括指定按钮处理程序。N.B.表示，我希望按钮处理程序处于它们
浏览 2提问于2014-02-25得票数 2
回答已采纳
我是一个使用Nightwatch的初学者，我坚持以下几点：
我有一个表，其中有一个<tbody>和多个<tr>。我需要检查一个特定的单词是否在第一列中的一个单元格中。
首先，我尝试使用document.GetElements...获取整个表，但似乎不支持Nightwatch。目前，我正在寻找一个不使用Nightwatch自定义命令的解决方案。
另外，我还不能创建标签，所以如果有人能创建一个，比如table-to-array或类似的东西，那就太棒了。
浏览 2提问于2017-11-13得票数 0
我在MFC中有一个标准的SDI应用程序，我想触发标准文件->Open从用户按钮打开文档。
我该怎么做？
浏览 4提问于2015-10-14得票数 1
回答已采纳
我在jquery模式对话框中有一个textarea元素，它有一个附加的模糊处理程序。当单击对话框上的按钮时，模糊处理程序代码在Chrome和Internet Explorer中被正确触发，该按钮调用$('#mydialog).dialog('destroy').remove();。
不幸的是，在Firefox中这是不会发生的！
为什么会这样呢？
浏览 2提问于2011-07-19得票数 0
回答已采纳
2回答
禁用asp按钮
、、
我有这样的扣子：
<asp:Button ID="ImportToDB" runat="server" OnClick="ImportToDB_Click" />
当鼠标按下这个按钮时，我需要调用javascript函数。所以我在page_load()中有：
ImportToDB.Attributes.Add("onmouseover","javascript:OnButtonMove(" + ImportToDB.ClientID + ")");
javascript函数：
<s
浏览 9提问于2010-06-07得票数 0
回答已采纳
1回答
我的窗口中有一个iframe，我用jquery向它添加了新的按钮。在迁移到angular2之前，我使用parent.SampleFunction()从iframe调用父函数。现在，父母是一个角的成分，它不工作。
export class AppComponent {
// use jquery to find the iframe and put a button into it
addButtonToIFrame() {
...
let buttonHtml = "<button onClick='parent.SampleFunction()
浏览 0提问于2017-01-12得票数 10
回答已采纳
我有一个Button类，它有一个lambda std::function类型的字段，"setClickListener“方法将任何onClick函数设置为这个std::function字段，如下所示：
#include <functional>
class Button {
public:
void doSomething() {
if(onClick) {
onClick();
}
}
typedef std::function<void()> OnClickListener;
OnClickListener onClick;
浏览 1提问于2016-08-09得票数 0
我已经将JavaScript函数绑定到表单的submit按钮，导致表单通过xhrPost请求提交(使用Dojo)。但是，当用户在Safari中点击"Enter“时，表单会以通常的方式提交。
有没有办法防止Safari在按Enter键时提交表单？我可以以某种方式将我的JavaScript函数绑定到Enter键上吗？
提前谢谢你！
--Andreas
浏览 0提问于2009-04-20得票数 0
1回答
有没有什么功能可以让我们从崩溃中后退一步，继续测试应用程序？ 假设当我触摸某个按钮时，我的应用程序崩溃了，但我想从这个操作中后退一步，继续测试其他部分，而不重新运行模拟器？
浏览 11提问于2019-04-30得票数 0
回答已采纳
2回答
我有一个有不同部分的网站。我要让jQuery在这些部分之间滑动。但是现在我在一个部分中有一个链接，它指向另一个部分。
<div class="section" id="one">
<div class="row">
<p>This is some text</p>
</div>
<div class="row">
<a href="#"
浏览 1提问于2013-02-05得票数 0
回答已采纳
我正在使用
我的表单submit按钮的onClick函数中有以下代码。
onClick = "parent.$.fn.fancybox.close();parent.location.reload();"
当表单检测到某个字段未填写时，它会成功地停止表单的提交，但是仍然会触发onClick事件。
有没有办法让这个事件在发生时也停止触发？
浏览 3提问于2010-01-18得票数 0
回答已采纳
请看这个blazor服务器页面：
@page "/"
<div>@Field1</div>
<div>@Field2</div>
<button @onclick="OnBtnClick">Btn</button>
@code
{
public String Field1 { get; set; }
public String Field2 { get; set; }
private async Task OnBtnClick()
{
浏览 13提问于2022-02-19得票数 0
回答已采纳
nightwatch.conf.BASIC.js和nightwatch.conf.js在夜间框架中的区别是什么？
安装带有节点js和selenium的nightwatch框架的基本要求是什么？
浏览 2提问于2017-01-16得票数 4
回答已采纳
1回答
在夜莺中删除打印对话框？
、、、、
我正在使用Chrome作为浏览器，并且无法完全理解如何取消显示在特定按钮上的打印对话框。我尝试过使用browser.dismissAlert();和browser.keys([browser.Keys.ESCAPE]);来单击“转义”按钮，但这两种方法都不起作用。我不确定Nightwatch是否知道有一个对话框。
我一直在网上搜索，似乎找不到解决办法.有人有什么想法吗？
浏览 3提问于2016-06-07得票数 1
回答已采纳
我是个夜班初学者。我已经把代码塞进去了。对于我的问题，请参阅下面的注释。
假设我有两个页面作为登录页面和仪表板页面。如何在登录页面中单击提交按钮后重定向到仪表板页面？
代码：
'Testing Navigation': function( _browser ) {
_browser
.url('D:/nightwatch_login/registration.html')
//.waitForElementVisible( 'body', 1000 )
.verify.visible('#usern
浏览 2提问于2017-12-21得票数 0
在浏览器应用程序中运行console.log时，有没有办法登录到nightwatch输出控制台？这在很难调试问题的CI中很有用？
浏览 1提问于2017-12-01得票数 0
3回答
我在母版页中有一个用户控件，并且在aspx中直接有相同的用户控件。母版页中的用户控件工作正常，但当我尝试直接嵌入到aspx页中的用户控件时，它不起作用。用户控件是带有登录按钮的两个文本框。当我为嵌入的用户控件输入用户名和密码时，它会看到母版页中的用户控件文本框为空，并发出警告。有没有办法正确地处理这个问题？
未调用直接嵌入到页中的用户控件的事件处理程序。
以下是登录控件的按钮：
<asp:ImageButton ID="ibtnLoginButton" runat="server" CommandName="Login"
ImageU
浏览 7提问于2009-01-15得票数 2
回答已采纳
例如，我在一个xaml文件中有一个带有单击事件的按钮：< button x:Name="ButtonFindCoordinate“Content="Map click”Click="ButtonFindCoordinate_Click“/>
据我所知，此ButtonFindCoordinate_Click事件处理程序必须是cs文件后面的代码中的函数。有没有办法从这个xaml文件中的另一个cs文件中引用事件处理程序(例如，这个按钮来自aa.xaml文件，并且我有一个保存在bb.cs中的事件处理程序函数)？我怎么写这段代码呢？
谢谢,
魏伟
浏览 5提问于2011-02-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
