selenium - Selenium 与 Power Apps

Question

我们有一个客户要求在 Power 应用中实现测试自动化。Power Apps 有自己的测试框架，但仍处于实验模式，不建议用于生产环境。

我有使用 Selenium 的经验，但在为 Power Apps 定位 Web 元素时遇到了问题。我试图找到一个文本框并输入任何值，即使 web 元素是唯一的，selenium 也无法找到它们。

HTML

<div class="canvasContentDiv appmagic-control-view appmagic-content- 
control-name _vst_" data-control-id="17" data-control-name="TextInput1" 
style="width: 419px; height: 60px; z-index: 17; position: absolute; top: 
517px; left: 105px;"><div class="appmagic-borderfill-container" 
style="background-color: rgb(186, 202, 226); border-style: solid; border- 
width: 2px; border-color: rgb(0, 18, 107); border-radius: 5px; margin: 
-1px;"><div class="appmagic-border-inner" style="margin: -1px;"><div 
class="react-knockout-control" spellcheck="false" style="position: 
absolute; inset: 0px;"> 
 <div class="appmagic-textbox" touch-action="pan-x pan-y" appmagic- 
control="TextInput1">
<!-- ko if: (mode() === "multiline") --><!-- /ko -->
<!-- ko if: (mode() !== "multiline") -->
<input appmagic-control="TextInput1textbox" class="appmagic-text mousetrap 
block-undo-redo" maxlength="10000" data-bind="
  attr: {
    type: mode() === 'password' ? 'password' : 'text',
    title: properties.Tooltip() || null,
    'aria-label': properties.AccessibleLabel() || null,
    placeholder: properties.HintText,
    readonly: viewState.displayMode() === 
    AppMagic.Constants.DisplayMode.View,
    contenteditable: viewState.displayMode() === 
    AppMagic.Constants.DisplayMode.Edit,
    'data-control-part': properties.Clear() ? 'text clearable' : 'text',
    inputmode: keyboardMode
  },
  css: {
    underline: properties.Underline,
    strikethrough: properties.Strikethrough,
    readonly: viewState.displayMode() === 
   AppMagic.Constants.DisplayMode.View
  },
  value: text,
  event: {
    click: handleClick,
    change: handleOnChange
  },
  style: {
    fontFamily: properties.Font,
    fontSize: properties.Size,
    color: autoProperties.Color,
    fontWeight: properties.FontWeight,
    fontStyle: properties.Italic,
    textAlign: properties.Align,
    lineHeight: properties.LineHeight,
    paddingTop: properties.PaddingTop,
    paddingRight: properties.PaddingRight,
    paddingBottom: properties.PaddingBottom,
    paddingLeft: properties.PaddingLeft
  },
  disable: viewState.displayMode() === 
 AppMagic.Constants.DisplayMode.Disabled" type="text" placeholder="Team 
 name..." contenteditable="true" data-control-part="text" inputmode="text" 
 tabindex="15" style="font-family: &quot;Open Sans&quot;, sans-serif; font- 
 size: 21pt; color: rgb(0, 0, 0); font-weight: normal; font-style: normal; 
 text-align: left; line-height: 1.2; padding: 5px 5px 5px 12px;"> 

 <div class="appmagic-text-clear-container">
 <button class="appmagic-text-clear-button" data-control-part="clear" data- 
  bind="
    visible: isFocused() &amp;&amp; properties.Clear() &amp;&amp; 
 properties.Text() &amp;&amp; mode() !== 'password' &amp;&amp; 
 viewState.displayMode() === AppMagic.Constants.DisplayMode.Edit,
    event: {click: handleClearClick},
    attr: {'aria-label': AppMagic.Strings.TextInputClearButtonLabel}" aria- 
 label="Clear value" tabindex="16" style="display: none;">
    <svg class="appmagic-text-clear-svg" xmlns="http://www.w3.org/2000/svg" 
viewBox="0 0 12 12" aria-hidden="true" focusable="false">
      <polygon points="12,1.1 10.9,0 6,4.9 1.1,0 0,1.1 4.9,6 0,10.9 1.1,12 
6,7.1 10.9,12 12,10.9 7.1,6" data-bind="style: {fill: 
autoProperties.Color}" style="fill: rgb(0, 0, 0);"></polygon>
    </svg>
</button>
 </div>
<!-- /ko -->
</div>
</div></div></div></div> 

尝试在下面找到网络元素-

driver.findElement(By.xpath("//div[@class='appmagic-textbox']")).sendKeys("test");

driver.findElement(By.xpath("//input[@class='appmagic-text mousetrap block-undo-redo']")).sendKeys("Test");

以下是 Selenium 返回的错误-

任何关于此的帮助或建议都会非常有帮助。

提前致谢。

标签： seleniumselenium-webdriverpowerappspowerapps-canvaspowerapps-collection