javascript - cy.wait を使用したサイプレスのグッド プラクティス

Question

サイプレスで書かれた次のテストがあります。フロントエンドに SSR をサポートする VueJS を使用しています。私のアプリはSPAであり、ユーザーがメニューをクリックすることをテストしています。

before(() => {
   // mock data etc.
});

it('should check if component render properly without ssr', () => {
    cy.visit('url');
    cy.wait(1000);
    cy.get('.menuElement').click();
    cy.get('.something').should($something => {
        expect($something).to.have.length(10);
    });
});

サイプレスのベスト プラクティスによると、この形式で cy.wait を使用するべきではありません。しかし、問題は次のとおりです。待機しないと、テストは失敗します。私は使用してみました：

• { timeout: 10000 }cy.get および cy.visit のパラメーターとして
• 次のようなものを追加しました.should('be.visible');（いつ表示されるかを待つため）
• でルートを追加cy.wait("@abc")

しかし、上記のどれも私にとってはうまくいきません。

解決策を提案してください。私の場合、すべてが正しく機能するようにするにはどうすればよいですか?