WebdriverIO Yapılandırması
Playwright vs WebdriverIO
Projenizde henüz WebdriverIO kullanmıyorsanız, yapılandırması daha kolay olduğu ve daha esnek bir API sunduğu için Playwright ile başlamanızı öneririz.
Varsayılan olarak, TypeScript, WebdriverIO sağlayıcısının seçeneklerini ve ekstra expect özelliklerini algılamaz. TypeScript'in özel tip tanımlarını alabilmesi için @vitest/browser/providers/webdriverio'ya referans verdiğinizden emin olun:
/// <reference types="@vitest/browser/providers/webdriverio" />Alternatif olarak, bunu tsconfig.json dosyanızdaki compilerOptions.types alanına da ekleyebilirsiniz. Bu alana herhangi bir şey belirtmek, @types/* paketlerinin otomatik yüklenmesini devre dışı bırakır.
{
"compilerOptions": {
"types": ["@vitest/browser/providers/webdriverio"]
}
}Vitest, aynı dosyadaki tüm testleri çalıştırmak amacıyla tek bir sayfa açar. RemoteOptions'ta tanımlanan herhangi bir özelliği instances içinde yapılandırabilirsiniz:
import { defineConfig } from 'vitest/config'
export default defineConfig({
test: {
browser: {
instances: [
{
browser: 'chrome',
capabilities: {
browserVersion: 86,
platformName: 'Windows 10',
},
},
],
},
},
})WARNING
Vitest 3'ten önce, bu seçenekler test.browser.providerOptions özelliğinde yer alıyordu:
export default defineConfig({
test: {
browser: {
providerOptions: {
capabilities: {},
},
},
},
});providerOptions yerine artık instances kullanılmaktadır.
Mevcut seçeneklerin çoğunu WebdriverIO belgelerinde bulabilirsiniz. Vitest'in tüm test çalıştırıcı seçeneklerini göz ardı edeceğini unutmayın, çünkü biz yalnızca webdriverio'nun tarayıcı yeteneklerini kullanıyoruz.
TIP
En kullanışlı seçenekler capabilities nesnesinde yer alır. WebdriverIO iç içe yetenekleri destekler, ancak Vitest bu seçenekleri yok sayacaktır çünkü biz birden fazla tarayıcı başlatmak için farklı bir mekanizma kullanıyoruz.
Vitest'in capabilities.browserName'i yok sayacağını unutmayın. Bunun yerine test.browser.instances.name kullanın.