Webdriver.IO中SSO会话Cookie捕获与复用问题求助

我明白你遇到的问题——用curl能轻松搞定的Cookie持久化，到了WebdriverIO的GUI测试里就卡壳了。核心问题大概率是登录后页面跳转还没完成就急着拿Cookie，或者Cookie的domain配置没处理对。下面给你一步步拆解解决方案：

一、先解决登录后Cookie捕获的问题 #

你之前的代码里，提交登录表单后立刻调用getCookie，这时候浏览器可能还在跳转过程中，Cookie还没被更新到当前会话里。另外，SSO Cookie可能是绑定在testpage.net的父域上，得指定domain才能拿到。

修改后的登录测试代码（用async/await更符合WebdriverIO的现代用法）：

const fs = require('fs');

describe('testpage.net authentication', function () {
    it('should login successfully and capture SSO cookie', async function () {
        // 访问测试页，触发跳转至登录页
        await browser.url('https://testpage.net');
        
        // 填写登录凭证并提交
        await browser.setValue('#userid', 'noone@nowhere.net');
        await browser.setValue('#passwd', 'S3cr3tP4ssw0rd');
        await browser.submitForm('#login');
        
        // 关键：等待页面跳回测试页（确保登录流程完成）
        await browser.waitUntil(async () => {
            const currentUrl = await browser.getUrl();
            return currentUrl.startsWith('https://testpage.net');
        }, { 
            timeout: 6000, 
            timeoutMsg: 'Login redirect took too long, check credentials or network' 
        });
        
        // 获取SSO Cookie，注意指定domain（如果Cookie是绑定在父域的话，比如.testpage.net）
        const ssoCookie = await browser.getCookie('ssosession', { domain: '.testpage.net' });
        console.log('Captured SSO Cookie:', ssoCookie); // 现在应该能拿到非null的值了
        
        // 把所有Cookie保存到本地文件（模拟curl的cookie-jar）
        const allCookies = await browser.getCookies();
        fs.writeFileSync('./test_cookies.json', JSON.stringify(allCookies, null, 2));
    });
});

二、复用本地存储的Cookie #

接下来就像curl用--cookie加载cookie文件一样，我们在后续测试前先把保存的Cookie注入到浏览器会话里：

const fs = require('fs');

describe('testpage.net authenticated tests', function () {
    // 在所有测试前注入Cookie
    before(async function () {
        // 读取本地保存的Cookie文件
        const savedCookies = JSON.parse(fs.readFileSync('./test_cookies.json', 'utf8'));
        
        // 先访问目标域的页面（浏览器只能给当前活跃的域设置Cookie）
        await browser.url('https://testpage.net');
        
        // 注入Cookie
        await browser.setCookies(savedCookies);
        
        // 刷新页面让Cookie生效
        await browser.refresh();
    });
    
    it('should access authenticated content without redirecting to login', async function () {
        const currentUrl = await browser.getUrl();
        // 验证没有跳转到登录页
        expect(currentUrl).to.not.include('loginpage.net');
        
        // 这里可以写需要权限的测试逻辑，比如点击某个认证后才能看的按钮
    });
});

几个关键细节要注意： #

• 等待跳转完成：一定要用waitUntil确认页面已经跳回测试页，不要依赖固定的pause，不稳定。
• Cookie的domain：如果你的SSO Cookie是设置在顶级域（比如.testpage.net），获取和设置的时候必须指定这个domain，否则WebdriverIO只会拿当前页面子域的Cookie。
• Cookie有效期：如果保存的Cookie过期了，后续测试会失效，这时候需要重新跑登录用例更新Cookie文件。
• httpOnly/Secure属性：WebdriverIO的getCookies会自动包含这些属性，setCookies也会正确应用，不需要额外处理。

这样就能实现和curl的--cookie-jar完全一样的Cookie持久化效果了，后续测试不需要重复登录，直接复用会话即可。

内容的提问来源于stack exchange，提问作者fbonds66