首頁猿問如何使用 Cypress...

如何使用 Cypress 測試客戶端重定向到第 3 方站點？

JavaScript

MMTTMM 2023-09-21 16:30:38

Cypress 提供了一種使用request測試服務器端重定向的簡單方法：cy.request({ url: `/dashboard/`, followRedirect: false, // turn off following redirects}).then((resp) => { expect(resp.redirectedToUrl).to.eq('http://example.com/session/new')})但是，這不適用于客戶端重定向，因為頁面在重定向發生之前已成功加載，這意味著響應是針對頁面的，而不是針對重定向的。如何測試客戶端重定向？我需要一種捕獲重定向并驗證的方法：發生了是正確的 URL。筆記：我不想跟隨重定向離開正在測試的應用程序。我沒有測試整個身份驗證流程。我只需要知道有一個重定向。我無法更改此身份驗證流程。重定向是不可避免的。重定向發生在初始化期間，而不是任何用戶交互的結果。重定向使用：window.location.href = url請參閱下面我的回答以嘗試解決此問題。

查看完整描述

3 回答

慕尼黑的夜晚無繁華

TA貢獻1864條經驗獲得超6個贊

更新：這并不可靠。我剛剛做了一些重構，看來這個解決方案也有缺陷。重定向可能發生在 cypress 訪問頁面和觸發之間，cy.wait因此測試最終會等待已經發生的事情。下面的內容可能仍然適合您，具體取決于您的重定向何時被觸發，但如果它是在初始化時觸發的，則這似乎不起作用。

不太喜歡這個解決方案，因為重定向仍然發生（我還沒有找到取消它的方法），但它至少測試了重定向是否發生，并允許我檢查查詢：

cy.intercept({ pathname: `/sessions/new` }).as(`loginRedirect`)

cy.visit(`/dashboard/`)

cy.location().then(($location) => {

cy.wait(`@loginRedirect`).then(($interceptor) => {

const { query } = urlParse($interceptor.request.url)

expect(query).to.equal(`?token=true&redirect=${$location.href}`)

})

注意：在 v6 中route2更改為。intercept

反對回復 2023-09-21

慕妹3146593

TA貢獻1820條經驗獲得超9個贊

Gleb Bahmutov 在Deal with window.location.replace中有一種方法，它window.location在源中重命名為window.__location有效的存根。

它用于在加載頁面到達瀏覽器之前cy.intercept()修改加載頁面，即在實例化并成為完全不可變/不可損壞的對象之前。window.location

it('replaces', () => {

? cy.on('window:before:load', (win) => {

? ? win.__location = {? ? ? ? ? ? ? ? ? ? ? ? ? ?// set up the stub

? ? ? replace: cy.stub().as('replace')

? ? }

? })

? cy.intercept('GET', 'index.html', (req) => {? ?// catch the page as it loads

? ? req.continue(res => {

? ? ? res.body = res.body.replaceAll(

? ? ? ? 'window.location.replace', 'window.__location.replace')

? ? })

? }).as('index')

? cy.visit('index.html')

? cy.wait('@index')

? cy.contains('h1', 'First page')

? cy.get('@replace').should('have.been.calledOnceWith', 'https://www.cypress.io')

})

這個存根replace，但同樣應該適用于設置href器。

反對回復 2023-09-21

搖曳的薔薇

TA貢獻1793條經驗獲得超6個贊

這是我發現的唯一方法是檢測成功的重定向客戶端（如果是第三方網站）。JavaScript 有一個方便實用的函數，稱為window.open(). 您可以用它做很多事情，包括重定向網頁。_self這可以通過將目標設置為或來完成_top。通過使用 while 循環，您可以盡快運行代碼。這是我如何記錄客戶端重定向的草稿。

var redirectURL = 'https://www.example.com/',

redirectWindow = window.open(redirectURL, '_top'),

redirected = false,

count = 0;

while(true) {

if (redirectWindow.document.readyState === 'complete') {

redirected = true;

//Your code here. I am just logging that it is in the process of redirection.

console.log('redirecting')

break;

}

if (count > 2000) {

redirected = false;

break;

}

count++

}

if (redirected == false) {

console.log('Error: Redirect Failed');

}

反對回復 2023-09-21

3 回答
0 關注
230 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 Cypress 測試客戶端重定向到第 3 方站點？

如何使用 Cypress 測試客戶端重定向到第 3 方站點？

3 回答

添加回答

如何使用 Cypress 測試客戶端重定向到第 3 方站點？

如何使用 Cypress 測試客戶端重定向到第 3 方站點？