Protractor(TypeScript)切换Frame后无法点击按钮提示元素不可见

你切换Frame的逻辑从根上就错了：Protractor的browser.switchTo().frame()方法只支持传入<iframe>/<frame>标签对应的元素、Frame索引、Frame的id/name属性作为入参，你两段代码里定位的//div[@id='main-container']是普通的div容器节点，根本不是Frame元素，相当于切入Frame的操作完全没生效，后续找按钮的动作全是在主页面里找，自然匹配不到、报元素不可见的错。

按下面的顺序写逻辑就能解决：

• 第一步：定位真实的iframe节点，不要拿外层div凑数。main-container是iframe的外层包裹div，你要找的是它内部嵌套的iframe标签，同时加显式等待等iframe加载完成，再做切入操作，注意所有异步操作必须加await，你第二段代码里switchTo.frame前面漏了await，会直接导致异步时序错乱

import { browser, element, by, ExpectedConditions } from 'protractor';

// 定位main-container内部的真实iframe
const targetIframe = element(by.xpath('//div[@id="main-container"]//iframe'));
// 等待iframe加载完成，最多等5秒
await browser.wait(ExpectedConditions.presenceOf(targetIframe), 5000);
// 切入目标iframe
await browser.switchTo().frame(targetIframe.getWebElement());

• 第二步：切入Frame后不要立刻点按钮，等内部的上传按钮渲染完成、处于可点击状态再触发点击，避免Frame内资源加载慢导致找不到元素

const uploadBtn = element(by.css('#uploadP'));
// 等待按钮可点击
await browser.wait(ExpectedConditions.elementToBeClickable(uploadBtn), 5000);
await uploadBtn.click();

• 第三步：所有Frame内操作完成后，如果要操作主页面的其他元素，记得切回默认上下文

await browser.switchTo().defaultContent();

• 传参错误：给frame切换方法传入普通div元素，不是合法的Frame节点，切入操作完全不生效
• 异步语法错误：第二段实现中switchTo.frame操作前漏写await，不会等待切入完成就执行后续找元素的逻辑
• 缺少等待逻辑：既没有等Frame加载，也没有等Frame内的按钮加载，页面渲染速度稍慢就会触发元素不可见的报错

内容的提问来源于stack exchange，提问作者Sateesh Kumar