การผสานรวม CI
เรียกใช้การทดสอบ Playwright ใน GitHub Actions หรือผู้ให้บริการ CI รายอื่นทุกครั้งที่มีการพุช
การผสานรวม CI เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
เรียกใช้บน CI
เรียกใช้การทดสอบ Playwright ทุกครั้งที่มีการพุชหรือ PR ผ่านผู้ให้บริการ CI ของคุณ
GitHub Actions
ใช้การดำเนินการ Playwright อย่างเป็นทางการสำหรับการตั้งค่า
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
- run: npm ci
- run: npx playwright install --with-deps
- run: npm run test:e2eการแคช
แคช ~/.cache/ms-playwright เพื่อข้ามการดาวน์โหลดเบราว์เซอร์ในแต่ละครั้ง
การทำงานแบบขนาน
Playwright ทำงานแบบขนานภายในงานหนึ่งงาน และคุณยังสามารถแบ่งการทดสอบไปยังหลายงานได้
ผลลัพธ์
อัปโหลดร่องรอย ภาพหน้าจอ และรายงานเมื่อเกิดข้อผิดพลาด เพื่อให้แก้ไขข้อบกพร่องได้ง่าย
- uses: actions/upload-artifact@v4
if: always()
with: { name: playwright-report, path: playwright-report/ }คอนเทนเนอร์
อิมเมจ Docker อย่างเป็นทางการของ Playwright มีเบราว์เซอร์ติดตั้งไว้ล่วงหน้าครบถ้วน
ใช้โหมดไร้ส่วนติดต่อเฉพาะบน CI
โดยเกือบทุกครั้ง CI จะทำงานในโหมดไร้ส่วนติดต่อ ส่วนการทำงานภายในเครื่องให้ใช้โหมดที่มีส่วนติดต่อเพื่อแก้ไขข้อบกพร่อง
การลองใหม่
กำหนดการลองใหม่สำหรับการทดสอบที่ทราบว่าไม่เสถียรและขึ้นอยู่กับเครือข่าย
retries: process.env.CI ? 2 : 0การทดสอบที่ช้า
กำกับการทดสอบที่ช้าด้วยคำอธิบายประกอบ เพื่อให้ CI จัดลำดับความสำคัญได้
ตัวรายงาน
ใช้ตัวรายงานแบบ HTML, JSON หรือ JUnit ตามความต้องการของแดชบอร์ด CI
ตัวเรียกใช้งานแบบโฮสต์เอง
สำหรับการทดสอบ Mac/iOS ให้ใช้ตัวเรียกใช้งานแบบโฮสต์เองที่รองรับ Safari
ตรวจสอบอย่างรวดเร็ว
เหตุใดจึงต้องติดตั้งเบราว์เซอร์ด้วย --with-deps
สรุปทบทวน
เรียกใช้ Playwright บน CI ด้วยการแคช การทำงานแบบขนาน การลองใหม่ และการอัปโหลดผลลัพธ์ เพื่อให้แก้ไขข้อบกพร่องได้ง่าย
คำถามที่พบบ่อย
บทเรียน “การผสานรวม CI” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การผสานรวม CI” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การผสานรวม CI”
เรียกใช้การทดสอบ Playwright ใน GitHub Actions หรือผู้ให้บริการ CI รายอื่นทุกครั้งที่มีการพุช คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “การผสานรวม CI” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การตั้งค่า Playwright ใน SvelteKit
- การเขียนการทดสอบการโต้ตอบกับหน้า
- การทดสอบแบบฟอร์มและการนำทาง
- การผสานรวม CI