Cypress自动化测试中多选下拉框选择选项后选中项未添加至标签/文本字段的问题求助

各位好，我在做Cypress自动化测试时碰到了一个头疼的问题，想请教下大家的思路：

我测试的页面有个多选下拉框，预期逻辑是选中多个选项后，这些选项会自动添加到上方的标签/文本展示区域里。这个下拉框的交互是只有点击外部区域才会关闭选项列表，不然会一直展开等待用户继续选择。所以我在自动化代码里模拟了选完所有选项后点击下拉框的"Permission(s)"标签来关闭列表的操作，但奇怪的是：手动点击页面选项时，选中项能正常出现在标签区域，可用Cypress执行代码时，选中的选项就是不会显示出来。

手动操作的效果我附了图（就是提问里的那张图），能看到选中项已经正常显示在上方了，但自动化跑出来完全没这个效果。

下面是我目前在用的测试代码，先跟大家说下变量含义：labelField是存储"Permission(s)"标签选择器的变量，userDetails.permission是我要选择的选项数组。另外我已经试过给cy.click()加timeout、waitForAnimation这些参数，也用过.trigger("click")，但都没解决问题：

cy.wrap(labelField.next()).find('.multiselect__select').click();

cy.wrap(labelField.next()).within(() => {
  userDetails.permission.forEach(($item) => {
    cy.get('.multiselect__element').contains($item).click({ timeout: 2000 });
  });
});

cy.wrap(labelField).click();  // 选择完所需选项后点击标签隐藏下拉列表

有没有大佬遇到过类似的场景？或者能帮我分析下可能哪里出问题了？麻烦大家了！

备注：内容来源于stack exchange，提问作者Hackus