Cypress Notlar -2

Cypress'te Sayfalar Arası İleri Geri Komutu

Cypress'te sayfada ileri gitmek aşağıdaki gibi; 

cy.go(-1)

cy.go("back")

cy.go("forward")

cy.go(1) 

Tek bir test dosyasıyla bütün testleri koşturma

Cypress'te bütün testleri çalıştırmak için bir cy.js dosyası oluşturup test dosyalarının yolunu verebilirsin ve sadece o dosyayı çalıştırabilirsin.

import "./demoBlazeLoginTest.cy"

import "./demoBlazePom.cy"

Terminal Scripti Oluşturma

Testlerini komut satırından çalıştırmak için package.json dosyasına istediğin komutları ekleyebilirsin. Bunları tarayıcısız olarak da ekleyebilirsin (--headless) ile. Mavi renkli yere istediğini yazabilirsin.

"scripts": {

"cy:run:chrome": "cypress run --browser chrome",

"cy:run:firefox": "cypress run --browser firefox",

"alltestsrun":"npx cypress run cypress/e2e/runAllTests.cy.js",

"cypress:multi:browser": "npm run alltestsrun -- --browser chrome --headed &

 npm run --browser firefox --headed"

} 

Google Chrome Recorder

Google Chrome'un test kaydetme özelliği var. Tarayıcıyı açıp F12'ye bastığında çıkan yan ekranda "Recorder" kısmını kullanıp testini kaydedebilir ve Json dosyası olarak export edebilirsin.

Daha sonra Kod dosyanın terminalinde aşağıdaki kod ile recorder ı indirmelisin.

npm install -g @cypress/chrome-recorder

Sonra indirilen json dosyasını Visual Studio'ya aktarıyoruz, aşağıdaki kod ile. İndirilen dizin ve nereye gelmesini istiyorsak onları belirtiyoruz.

npx @cypress/chrome-recorder /home/kadir/Downloads/sauceDemoRecord.json -o=cypress/e2e 

Chrome'un kaydettiği json dosyası geldikten sonra kod kontrol edilmeli çünkü her hareketi kaydettiği için test koşarken hata alma ihtimali yüksektir. Silinecek, eklenecek ya da değiştirilecek yerlere dikkat edilmeli.

Dosya Ekleme Testi

İlk önce "npm install --save-dev cypress-file-upload" komutu ile yükleme yapılır.

Daha sonra "support/commands.js" e aşağıdaki kod yazılır.

"import 'cypress-file-upload' "

describe ('File Upload Testi', () => {

it('Go to Website', () => {

cy.viewport(1000,1200)

cy.visit('https://fineuploader.com/demos.html')

cy.wait(2000)

cy.get("[name='qqfile']").attachFile({filePath:"./tested.png"})

})

})

Resmin yolunu belirtmeden de aşağıdaki kod ile ekleme yapabiliriz. 

const imageFile = "tested.png"

cy.get("[name='qqfile']").attachFile(imageFile)

 Location-Url Kontrolü

Hostname için https://'den sonrası, protocol http mi, https mi, url bütün adres satırı, pathname'de anasayfadan gidilen adresi /'den sonrası genelde.

cy.location('hostname').should('eq','demoblaze.com')

cy.location('protocol').should('eq','https:')

cy.url().should('eq','https://demoblaze.com/')

cy.location('pathname').should('eq','/index.html')

 *Text alanına bir değer yazdırılmak istendiğinde değerin hepsi yazılmıyorsa, type() dan önce wait eklemek faydalı olur.

Dosya Oluşturma, Yazma/ Dosyadan Okuma

it('Write to File', ()=>{

cy.writeFile('FirstTextFile.txt', 'Merhaba\n')

cy.writeFile('FirstTextFile.txt', 'Bu ilk dosya denemem', {flag: 'a+'})

})//Yol belirtmediğim için cypress in dizinine ekleyecek dosyayı

it('Read File', ()=>{

cy.readFile('FirstTextFile.txt').then((text) =>{

expect(text).to.contain('dosya')

})//Dosyada 'dosya' kelimesini kontrol edecek

})