چگونه در Cypress از محدوده .within() خارج شویم

Summarize this content to 400 words in Persian Lang
من از طرفداران پر و پا قرص روش سرو هستم .within() برای محدوده بندی دستورات در یک بخش UI خاص. با این حال، ممکن است مواقعی پیش بیاید که بخواهید از این محدوده فرار کنید و سپس به آن بازگردید و آزمایشات اضافی را ادامه دهید. برخی از مثال‌هایی که می‌توانم به آن‌ها فکر کنم این است که راهنمایی ابزار ممکن است روی یک عنصر در حالت شناور ظاهر شود، اما در خارج از ظرف مربوطه در طرح‌بندی DOM قرار گیرد، یا اگر می‌خواهید قبل از ادامه کار، قطعه‌ای از داده‌ها را از یک عنصر برادر یا برادر دریافت کنید. منطق آزمایشی که می خواهید در دامنه DOM محدود شود.

من نمی دانستم چگونه این کار را انجام دهم تا این اواخر که چنین نمونه ای مطرح شد و این موضوع StackOverflow را با پاسخ پیدا کردم. من آن را در اینجا به عنوان یک پست وبلاگ به اشتراک می گذارم در صورتی که به شخص دیگری کمک کند. با احترام به ریچارد ماتسن که کدش را اینجا می دزدم:

“cy.document().its(‘body’) موضوعی را به شما می دهد که خارج از آن است .within()، و به نظر می رسد که پس از آن (هنوز در بازخوانی) به محدوده داخلی برمی گردد.”

cy.get(‘body’).find(‘div.without’); // checking this query first (outer scope)

cy.get(‘div.myform’).within(() => {

cy.contains(‘text within’); // inner scope

cy.document().its(‘body’).find(‘div.without’); // outer scope

cy.contains(‘text within’); // inner scope
})

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

اغلب سناریوهایی وجود دارد که می توانید از آنها اجتناب کنید نیازمند برای انجام این کار، اما برای مواردی که اجتناب ناپذیر است، این یک ترفند عالی برای داشتن آستین بالا است.

cy.get('body').find('div.without');  // checking this query first (outer scope)

cy.get('div.myform').within(() => {

  cy.contains('text within');                      // inner scope

  cy.document().its('body').find('div.without');   // outer scope

  cy.contains('text within');                      // inner scope
})