我有一个SVG对象,它使用d3-zoom进行缩放和平移功能.它完美无缺,但是当我开始使用Cypress.js进行集成测试时,问题出现了.
我尝试在svg元素上使用标准鼠标事件来模拟拖动行为:
cy.get('svg')
.trigger('mousedown', { which: 1, force: true })
.trigger('mousemove', { position: 'left' })
.trigger('mouseup', { position: 'left', force: true });
Run Code Online (Sandbox Code Playgroud)
上面的示例来自赛普拉斯拖放配方,它在nodrag.js文件中产生以下错误:
无法读取undefined的属性文件
您可以在下面看到错误发生的位置(视图是undefined):
__webpack_exports__["default"] = (function(view) {
var root = view.document.documentElement,
...
Run Code Online (Sandbox Code Playgroud)
我花了很多时间尝试以另一种方式触发事件,但没有成功 - 比如尝试使用svg容器上面的代码片段.
请记住,我无法从赛普拉斯测试中访问任何d3.js软件包,因为它是在React应用程序中作为NPM软件包导入的.
提前谢谢你的帮助!
我大约一周就进入了Xamarin,对于在按钮内加载图标的可能性有疑问.
我想实现类似的东西:https: //jsfiddle.net/mr8fwtcv/
我试图用FontAwesome实现这种效果,但是在设置动画时遇到问题,所以在解决方案中使用Activity Indicator也不错.
我的按钮放在Stack Layout中,这是代码:
var loginButton = new Button
{
BackgroundColor = Color.FromHex("689F38"),
TextColor = Color.White,
HeightRequest = 46,
Text = "Log in",
FontAttributes = FontAttributes.Bold,
FontSize = 18,
Margin = margin
};
Run Code Online (Sandbox Code Playgroud)
我一直在寻找一些插件/解决方案,但找不到任何.提前致谢.