如何用Protractor+TypeScript编写if-else语句？元素检查报错求助

我来帮你排查报错原因，并给出TypeScript中用Protractor编写if-else逻辑的正确方式：

一、报错“expected 2 arguments but got 1”的原因 #

你的代码里有两个问题会引发这个错误：

1. 箭头函数参数的多余逗号：
   看这段代码：

   newfilter.isPresent().then((isPresent: boolean,) => { ... })
   

   参数列表里boolean后面多了个逗号，TypeScript会误以为你需要传入第二个参数，但isPresent()返回的Promise只会resolve一个布尔值，所以TS抛出了参数数量不匹配的错误。

2. 元素定位器写法错误：
   原代码里的链式定位选择器ul sd-action-trigger[text="New Filter "]不符合CSS选择器规范——CSS选择器无法通过text属性定位元素（这不是标准DOM属性），Protractor也不支持这种写法来匹配元素文本。这个错误的定位器可能会导致后续Promise处理异常，间接加剧参数报错的问题。

二、TypeScript中Protractor编写if-else的正确方式 #

Protractor基于WebDriverJS，推荐使用async/await语法来处理异步操作，比then()链式调用更直观易读，完全适配TypeScript的类型系统。

方案1：使用async/await（推荐） #

async function handleNewFilter() {
    // 用XPath定位包含指定文本的元素（更灵活的文本匹配方式）
    const newFilterLink = element(by.xpath('//div[contains(@class, "filter-names")]//ul//sd-action-trigger[contains(text(), "New Filter")]//a'));

    // 或者用cssContainingText定位父元素，再找子链接
    // const newFilterTrigger = element(by.cssContainingText('.filter-names ul sd-action-trigger', 'New Filter'));
    // const newFilterLink = newFilterTrigger.$('a');

    // 等待元素存在性检查完成
    const isFilterPresent = await newFilterLink.isPresent();

    if (isFilterPresent) {
        // 元素存在时执行的逻辑
        console.log("New Filter元素已找到");
        await newFilterLink.click();
        // 这里添加你的业务操作，比如填写表单、等待页面加载等
    } else {
        // 元素不存在时执行的逻辑
        console.log("New Filter元素不存在");
        // 比如执行默认流程、抛出提示等
    }
}

// 调用异步函数
handleNewFilter();

方案2：使用then()链式调用（不推荐，可读性差） #

如果你暂时不想用async/await，可以修正箭头函数的参数写法，并修复定位器：

const newFilterLink = element(by.xpath('//div[contains(@class, "filter-names")]//ul//sd-action-trigger[contains(text(), "New Filter")]//a'));

newFilterLink.isPresent().then((isPresent: boolean) => { // 去掉参数后的多余逗号
    if (isPresent) {
        newFilterLink.click().then(() => {
            // 元素存在时的后续操作
        });
    } else {
        // 元素不存在时的逻辑
    }
});

关键注意点 #

• 元素定位：永远不要用CSS选择器的[text="xxx"]来匹配元素文本，改用by.cssContainingText（针对元素的文本内容）或者by.xpath（支持更复杂的文本匹配规则）。
• 异步处理：在TypeScript中，async/await是Protractor异步操作的最佳实践，能避免回调嵌套，让代码逻辑更清晰。

内容的提问来源于stack exchange，提问作者Palki Dutta