ការសាកល្បង​ទំព័រ (End-to-End Test) គឺ​ជា​ការសាកល្បង​ចង់​ដឹង​ថា​តើ​ទំព័រ​ណា​មួយនោះ​មាន​ដំណើរការ​ទៅ​ដោយ​រលូន​ឬ​យ៉ាងណា និង​អ្វី​ៗ​នៅ​ក្នុងនោះ​ពិត​ជា​ត្រូវ​បង្ហាញទៅ​តាម​ការចង់បាន​របស់យើង​ដែរ​ឬ​ទេ។ ការសាកល្បង​នេះ​ទាមទារ​ អោយ​​កម្មវិធី​គេហទំព័រ​ត្រូវ​ដំណើរការ​និង​បង្ហាញ​ទំព័រ​ដែល​ត្រូវ​សាល្បង​។ ជាកិច្ច​ចាប់ផ្តើម យើង​ត្រូវ​ដំណើរការ​កម្មវិធី​គេហទំព័រ​របស់​យើង​នឹង​ចូល​ទៅ​ទំព័រដើម ដែល​នៅ​ក្នុង​នោះ​មាន​ការសរសេរ​កូដ​ដូច​ខាង​ក្រោម​នេះ៖

 

<!--src/pages/index.astro-->
---
const message = "ចំណង​ជើង"
---
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <title>{message}</title>
  </head>
  <body>
  <h1>ស្វាគមន៍​មក​កាន់​ទំព័រ​ដើម</h1>
  </body>
</html>

 

បន្ទាប់មក​ទៀត យើង​ត្រូវ​បើក​បង្អួច Terminal មួយ​ទៀត និង​ដំណើរការ​កម្មវិធី cypress ដោយ​សរសេរ​នៅ​លើ​បង្អួច​នោះ​ថា​៖

 

npx cypress open

 

ដើម្បី​សាកល្បង​ទំព័រ​ដើម index.astro យើង​ត្រូវ​បង្កើត​ឯកសារ index.cy.js មួយ​ ​និង​សរសេរនៅ​ក្នុង​នោះ​ថា៖

 

// cypress/e2e/index.cy.js

it('titles are correct', () => {
    const page = cy.visit('http://localhost:4321')
  
    page.get('title').should('have.text', 'ចំណង​ជើង')
})

 

បើ​គ្មាន​បញ្ហា​អ្វី​ទេ​នោះ កម្មវិធី cypress នឹង​ប្រាប់​យើង​​ថា ទំព័រ index.astro ដំណើរ​ទៅ​ដោយ​ជោគជ័យ ដោយ​បង្ហាញ​ព័ណ៌​បៃតង​នៅ​លើលទ្ធផង​នៃ​ការសាកល្បង​ទំព័រ​នេះ​​។

 

ក្រៅ​ពី​ការសាកល្បង​ដូច​ខាង​លើ​នេះ នៅ​មាន​ការសាកល្បង​ជាច្រើន​រាប់​មិន​អស់​ទៀត ដែល​យើង​អាច​យក​មក​ប្រើ​ជា​មួយ​នឹង​ទំព័រ​ទាំងឡាយ​។ យើង​អាច​ស្វែងយល់​​បន្ថែម​ទៀត​​ពី​ការសាកល្បង​ទាំងនោះ​នៅ​លើ​ទំព័រ Cypress