元素显示在 chromedriver DOM 中，但量角器显示失败：元素不可交互
Element displays in chromedriver DOM, but Protractor says Failed: element not interactable
我在 Protractor 测试套件中收到错误 Failed: element not interactable。
本质上，我试图点击一个复选框，但它告诉我我不能这样做，因为该元素未显示在 DOM 上。但是，当我 运行 我的测试套件和 Chromedriver 浏览器弹出并且 运行 通过模拟测试时，我可以在屏幕上看到我试图点击的元素！
这是浏览器在运行通过测试时的外观截图。
我已经验证该元素确实存在于 DOM 上，具有 expect(elementToTest.isPresent()).toBe(true) 的效果，并且它通过得很好。当我做 expect(elementToTest.isDisplayed()).toBe(true) 时，它 returns false。
现在，我试图通过使用 browser.driver.manage().window().maximize(); 最大化浏览器 window 来解决这个问题，但没有任何效果。
我试过将鼠标悬停在元素上并滚动到该元素，等待它可点击，等待它显示，让浏览器休眠，但随后出现 return Timeout 错误。
所以，我不知道该怎么办。任何帮助都会非常有帮助。
describe('purposes page', () => {
beforeEach(() => {
utils.clearCookies();
browser.driver.manage().window().maximize();
browser.waitForAngularEnabled(false);
browser.get("/");
browser.sleep(800);
element(by.css('[class*=introV2_rejectAll]')).click();
});
describe('purpose controls', () => {
it('clicking a toggle works', () => {
const switchEl = element(by.css('[class*=switch_switch]'));
const parentEl = element(by.css('[class*=purposes_active]'));
expect(switchEl.getAttribute('class')).toContain('switch_isSelected');
expect(parentEl.getText()).not.toContain('Inactive');
switchEl.click();
browser.sleep(800);
expect(switchEl.getAttribute('class')).not.toContain('switch_isSelected');
expect(parentEl.getText()).toContain('Inactive');
});
}
switchEl.click(); 语句是失败的测试。错误消息 returned 如下所示：
Failures:
1) purposes page purpose controls clicking a toggle works
Message:
Failed: element not interactable
(Session info: chrome=77.0.3865.120)
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'IAB-MAC-00012.local', ip: '2601:600:8180:1d50:c88e:3c0c:171c:663e%en0', os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.14.6', java.version: '13'
Driver info: driver.version: unknown
Stack:
WebDriverError: element not interactable
(Session info: chrome=77.0.3865.120)
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'IAB-MAC-00012.local', ip: '2601:600:8180:1d50:c88e:3c0c:171c:663e%en0', os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.14.6', java.version: '13'
Driver info: driver.version: unknown
at Object.checkLegacyResponse (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/error.js:546:15)
at parseHttpResponse (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/http.js:509:13)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/http.js:441:30
at processTicksAndRejections (internal/process/task_queues.js:85:5)
From: Task: WebElement.click()
at thenableWebDriverProxy.schedule (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:807:17)
at WebElement.schedule_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:2010:25)
at WebElement.click (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:2092:17)
at actionFn (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:89:44)
at Array.map (<anonymous>)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:461:65
at ManagedPromise.invokeCallback_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:1376:14)
at TaskQueue.execute_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3084:14)
at TaskQueue.executeNext_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3067:27)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2927:27Error
at ElementArrayFinder.applyAction_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:459:27)
at ElementArrayFinder.<computed> [as click] (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:91:29)
at ElementFinder.<computed> [as click] (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:831:22)
at UserContext.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:103:15)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:112:25
at new ManagedPromise (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:1077:7)
at ControlFlow.promise (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2505:12)
at schedulerExecute (/Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:95:18)
at TaskQueue.execute_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3084:14)
at TaskQueue.executeNext_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3067:27)
From: Task: Run it("clicking a toggle works") in control flow
at UserContext.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:94:19)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:64:48
at ControlFlow.emit (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/events.js:62:21)
at ControlFlow.shutdown_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2674:10)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2599:53
From asynchronous test:
Error
at Suite.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:96:5)
at Suite.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:95:3)
at Object.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:3:1)
问题是因为元素在 DOM 中，但在 UI 中渲染需要一些时间。所以你应该在访问元素之前添加一些等待。
如果等待没有帮助，请尝试下面的 javascript 执行程序
ele = element(by.css('[class*=switch_switch]'));
await browser.executeScript('arguments[0].click()', ele);
希望对你有帮助
我在 Protractor 测试套件中收到错误 Failed: element not interactable。
本质上，我试图点击一个复选框，但它告诉我我不能这样做，因为该元素未显示在 DOM 上。但是，当我 运行 我的测试套件和 Chromedriver 浏览器弹出并且 运行 通过模拟测试时，我可以在屏幕上看到我试图点击的元素！
这是浏览器在运行通过测试时的外观截图。
我已经验证该元素确实存在于 DOM 上，具有 expect(elementToTest.isPresent()).toBe(true) 的效果，并且它通过得很好。当我做 expect(elementToTest.isDisplayed()).toBe(true) 时，它 returns false。
现在，我试图通过使用 browser.driver.manage().window().maximize(); 最大化浏览器 window 来解决这个问题，但没有任何效果。
我试过将鼠标悬停在元素上并滚动到该元素，等待它可点击，等待它显示，让浏览器休眠，但随后出现 return Timeout 错误。
所以，我不知道该怎么办。任何帮助都会非常有帮助。
describe('purposes page', () => {
beforeEach(() => {
utils.clearCookies();
browser.driver.manage().window().maximize();
browser.waitForAngularEnabled(false);
browser.get("/");
browser.sleep(800);
element(by.css('[class*=introV2_rejectAll]')).click();
});
describe('purpose controls', () => {
it('clicking a toggle works', () => {
const switchEl = element(by.css('[class*=switch_switch]'));
const parentEl = element(by.css('[class*=purposes_active]'));
expect(switchEl.getAttribute('class')).toContain('switch_isSelected');
expect(parentEl.getText()).not.toContain('Inactive');
switchEl.click();
browser.sleep(800);
expect(switchEl.getAttribute('class')).not.toContain('switch_isSelected');
expect(parentEl.getText()).toContain('Inactive');
});
}
switchEl.click(); 语句是失败的测试。错误消息 returned 如下所示：
Failures:
1) purposes page purpose controls clicking a toggle works
Message:
Failed: element not interactable
(Session info: chrome=77.0.3865.120)
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'IAB-MAC-00012.local', ip: '2601:600:8180:1d50:c88e:3c0c:171c:663e%en0', os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.14.6', java.version: '13'
Driver info: driver.version: unknown
Stack:
WebDriverError: element not interactable
(Session info: chrome=77.0.3865.120)
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:25:53'
System info: host: 'IAB-MAC-00012.local', ip: '2601:600:8180:1d50:c88e:3c0c:171c:663e%en0', os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.14.6', java.version: '13'
Driver info: driver.version: unknown
at Object.checkLegacyResponse (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/error.js:546:15)
at parseHttpResponse (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/http.js:509:13)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/http.js:441:30
at processTicksAndRejections (internal/process/task_queues.js:85:5)
From: Task: WebElement.click()
at thenableWebDriverProxy.schedule (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:807:17)
at WebElement.schedule_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:2010:25)
at WebElement.click (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/webdriver.js:2092:17)
at actionFn (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:89:44)
at Array.map (<anonymous>)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:461:65
at ManagedPromise.invokeCallback_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:1376:14)
at TaskQueue.execute_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3084:14)
at TaskQueue.executeNext_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3067:27)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2927:27Error
at ElementArrayFinder.applyAction_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:459:27)
at ElementArrayFinder.<computed> [as click] (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:91:29)
at ElementFinder.<computed> [as click] (/Users/zackcarlson/Desktop/Git/cmp/node_modules/protractor/built/element.js:831:22)
at UserContext.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:103:15)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:112:25
at new ManagedPromise (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:1077:7)
at ControlFlow.promise (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2505:12)
at schedulerExecute (/Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:95:18)
at TaskQueue.execute_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3084:14)
at TaskQueue.executeNext_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:3067:27)
From: Task: Run it("clicking a toggle works") in control flow
at UserContext.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:94:19)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/jasminewd2/index.js:64:48
at ControlFlow.emit (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/events.js:62:21)
at ControlFlow.shutdown_ (/Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2674:10)
at /Users/zackcarlson/Desktop/Git/cmp/node_modules/selenium-webdriver/lib/promise.js:2599:53
From asynchronous test:
Error
at Suite.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:96:5)
at Suite.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:95:3)
at Object.<anonymous> (/Users/zackcarlson/Desktop/Git/cmp/spec/purposes.spec.js:3:1)
问题是因为元素在 DOM 中，但在 UI 中渲染需要一些时间。所以你应该在访问元素之前添加一些等待。
如果等待没有帮助，请尝试下面的 javascript 执行程序
ele = element(by.css('[class*=switch_switch]'));
await browser.executeScript('arguments[0].click()', ele);
希望对你有帮助