下面的代码做了我需要做的事情，但实际上我也想提高可读性.因为目前，"%s"获得了整个"data-Cy"部分，正如您从下面的屏幕截图中所看到的那样.
我怎么才能显示"验证主要产品组的鞋子和滤镜"，而不是显示"验证主要产品组([data-cy="main-group-tab.hoats"])和滤镜"？
我try 使用.Split()方法，但不起作用. 我是否应该创建另一个数组，如；ProductNames=[‘Shoes’，‘Apparel’，‘Accessors’]并对其进行映射？
你会怎么做？
提前谢谢！
const productTabs = ['[data-cy="main-group-tab.shoes"]', '[data-cy="main-group-tab.apparel"]', '[data-cy="main-group-tab.accessories"]']
it.each(productTabs)(`verifies the main product groups (%s) and filters`, (productTabs) => {
cy.get(productTabs)
.click();
availabilityPage.productGroups()
.should('be.visible');
availabilityPage.searchBar()
.should('be.visible');
});
