ทำการทดสอบอัตโนมัติด้วย Azure Pipelines โดยใช้ตัวแก้ไขแบบคลาสสิก

ในบทความนี้คุณจะได้เรียนรู้วิธีตั้งค่าและเรียกใช้การทดสอบแอปพื้นที่ทำงาน ของคุณที่สร้างขึ้นใน Test Studio โดยใช้ Azure Pipelines ตัวแก้ไขแบบคลาสสิก ใน บริการ Azure DevOps

คุณสามารถใช้โครงการสาธารณะใน GitHub - Microsoft/PowerAppsTestAutomation เพื่อ:

• ดำเนินการอัตโนมัติในการเข้าสู่แอปพลิเคชันของคุณ
• เปิดเบราว์เซอร์บนตัวแทนการสร้าง และเรียกใช้ตัวทดสอบเคสและชุดทดสอบ
• ดูสถานะของการดำเนินการทดสอบใน Azure DevOps Pipelines

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่มต้น คุณต้องทำตามขั้นตอนต่อไปนี้:

• Fork โครงการ Microsoft/PowerAppsTestAutomation บน GitHub

  หมายเหตุ

  Fork สาธารณะไม่สามารถทำเป็นส่วนตัวได้ หากคุณต้องการสร้างที่เก็บส่วนตัวโปรด คัดลอกที่เก็บ

• สร้าง ไฟล์ทดสอบ URL .json ใหม่ใน repo ด้วย URL ทดสอบแอปที่คุณต้องการเรียกใช้จากไปป์ไลน์

ขั้นตอนที่ 1 - Fork โครงการ PowerAppsTestAutomation

fork คือสำเนาของที่เก็บ ในการ Fork ที่เก็บ คุณสามารถทำการเปลี่ยนแปลงได้โดยไม่กระทบกับโครงการดั้งเดิม

1. ลงชื่อเข้าใช้ GitHub

2. ไปที่ที่เก็บ microsoft/PowerAppsTestAutomation คุณยังสามารถค้นหา microsoft/PowerAppsTestAutomation แทน จากนั้นเลือกที่เก็บ:

   

3. เลือก Fork

   

4. เลือกตำแหน่งที่คุณต้องการ Fork:

   

ตอนนี้ที่เก็บที่คุณ Fork มาจะพร้อมใช้งานแล้ว

ขั้นตอนที่ 2 - สร้างไฟล์ทดสอบ URL .json

ไฟล์ทดสอบ URL. json จะมีชุดทดสอบและ URL กรณีทดสอบสำหรับการตรวจสอบแอปของคุณ ชุดทดสอบแอปและ URL กรณีทดสอบสามารถเรียกดูได้โดยเลือก คัดลอกลิงก์การเล่น ใน Test Studio

คุณสามารถค้นหาไฟล์ตัวอย่าง Samples/TestAutomationURLs.json ในที่เก็บที่คุณสร้างไว้ก่อนหน้านี้

1. สร้างไฟล์ TestURLs.json ใหม่ในที่เก็บของคุณหรือใช้ชื่อไฟล์อื่น
   ชื่อไฟล์และตำแหน่งจะถูกแมปในตัวแปรไพพ์ไลน์ในภายหลังในเอกสาร

2. คัดลอกรูปแบบจากไฟล์ Samples/TestAutomationURLs.json

3. อัปเดตส่วนทดสอบ URL ด้วยการทดสอบที่คุณต้องการตรวจสอบในแอปของคุณ

4. ยืนยันการเปลี่ยนแปลงที่เก็บของคุณ:

   

สร้างไปป์ไลน์

1. ลงชื่อเข้าใช้อินสแตนซ์ Azure DevOps ของคุณ

2. เลือกโครงการที่มีอยู่ หรือสร้างโครงการใหม่

3. เลือก ไปป์ไลน์ ในเมนูด้านซ้าย

4. เลือก สร้างไปป์ไลน์

   

5. เลือก ใช้ตัวแก้ไขแบบคลาสสิก:

   

6. เลือก GitHub เป็นแหล่ง

7. หากจำเป็น ให้อนุญาตการเชื่อมต่อ GitHub ของคุณโดยใช้ Oauth หรือใช้ โทเค็นการเข้าใช้ ส่วนตัว:

   

8. หากจำเป็น ให้แก้ไขชื่อการเชื่อมต่อ

9. เลือก ... (จุดไข่ปลา) จากด้านขวาของข้อมูลป้อนเข้า ที่เก็ย

10. ป้อนชื่อโครงการของคุณบน GitHub จากนั้น เลือก:

    

11. เลือก ดำเนินต่อ

12. ในหน้าจอเลือกเทมเพลตเลือก งานว่างเปล่า:

    

13. บันทึก ไปป์ไลน์ของคุณ

เพิ่มงานไปยังไปป์ไลน์

ตอนนี้คุณจะเพิ่มงานใหม่ และกำหนดค่าให้เรียกใช้การทดสอบจากไปป์ไลน์ตามลำดับนี้:

1. กำหนดค่าความละเอียดหน้าจอโดยใช้ PowerShell

2. ฟื้นฟูแพ็กเกจ NuGet สำหรับโซลูชัน PowerAppsTestAutomation

3. สร้างโซลูชัน PowerAppsTestAutomation

4. เพิ่ม Visual Studio Tests สำหรับ Google Chrome

5. เพิ่มการทดสอบ Visual Studio สำหรับ Mozilla Firefox

ขั้นตอนที่ 1 - กำหนดค่าความละเอียดหน้าจอโดยใช้ PowerShell

1. เลือก + ข้างๆ ตัวแทนงาน 1

2. ค้นหา PowerShell

3. เลือก เพิ่ม เพื่อเพิ่มงาน PowerShell ให้กับงาน:

   

4. เลือกงาน
   คุณสามารถปรับปรุง ชื่อที่แสดง เป็น ตั้งค่าความละเอียดหน้าจอตัวแทนเป็น 1920 x 1080 หรือคล้ายกัน

5. เลือก ในบรรทัด เป็นประเภทสคริปต์ และป้อนข้อมูลต่อไปนี้ในหน้าต่างสคริปต์:

   # Set agent screen resolution to 1920x1080 to avoid sizing issues with Portal  
   Set-DisplayResolution -Width 1920 -Height 1080 -Force
   # Wait 10 seconds  
   Start-Sleep -s 10
   # Verify Screen Resolution is set to 1920x1080  
   Get-DisplayResolution
   

   

ขั้นตอนที่ 2 - คืนค่าแพคเกจ NuGet

1. เลือก + ข้างๆ ตัวแทนงาน 1

2. ค้นหา NuGet

3. เลือก เพิ่ม เพื่อเพิ่มงาน NuGet ให้กับงาน:

4. เลือกงาน
   คุณสามารถปรับปรุง ชื่อที่แสดง เป็น คืนค่าแพคเกจ NuGet หรือคล้ายกัน

5. เลือก … (จุดไข่ปลา) ใน พาธไปยังโซลูชัน packages.config หรือ project.json ฟิลด์การกำหนดค่า

6. เลือกไฟล์โซลูชัน PowerAppsTestAutomation.sln

7. เลือก ตกลง:

   

ขั้นตอนที่ 3 - สร้างโซลูชัน PowerAppsTestAutomation

1. เลือก + ข้างๆ ตัวแทนงาน 1

2. ค้นหา Visual Studio Build

3. เลือก เพิ่ม เพื่อเพิ่มงาน Visual Studio Build ให้กับงาน:

4. เลือกงาน
   คุณสามารถปรับปรุง ชื่อที่แสดง เป็น สร้าง Power Apps ทดสอบระบบอัตโนมัติ หรือคล้ายกัน

5. เลือก … (จุดไข่ปลา) ในฟิลด์การกำหนดค่า โซลูชัน

6. เลือกไฟล์โซลูชัน PowerAppsTestAutomation.sln

7. เลือก ตกลง

ขั้นตอนที่ 4 - เพิ่ม Visual Studio Tests สำหรับ Google Chrome

1. เลือก + ข้างๆ ตัวแทนงาน 1

2. ค้นหา Visual Studio Test

3. เลือก เพิ่ม เพื่อเพิ่มงาน Visual Studio Test ให้กับงาน:

4. เลือกงาน
   คุณสามารถปรับปรุง ชื่อที่แสดง เป็น เรียกใช้ตัวทดสอบ Power Apps Test อัตโนมัติผ่านทาง $(BrowserTypeChrome) หรือคล้ายกัน

5. ลบรายการเริ่มต้นในช่องข้อความ ไฟล์ทดสอบ และเพิ่มข้อความต่อไปนี้:

   **\Microsoft.PowerApps.TestAutomation.Tests\bin\\Debug\Microsoft.PowerApps.TestAutomation.Tests.dll

6. กรอก TestCategory=PowerAppsTestAutomation ในฟิลด์ เกณฑ์การกรองการทดสอบ

7. เลือก การทดสอบรวมรวมถึงการทดสอบ UI

   

8. เลือก … (จุดไข่ปลา) ในฟิลด์ ไฟล์การตั้งค่า

9. ขยายตัว Microsoft.PowerApps.TestAutomation.Tests เลือกไฟล์ patestautomation.runsettings แล้วเลือก ตกลง:

   

10. คัดลอกข้อความต่อไปนี้ในฟิลด์ แทนที่พารามิเตอร์การทดสอบการทำงาน

    -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeChrome)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(ChromeWebDriver)"
    

    หมายเหตุ

    นี่คือที่ตั้งค่าตัวแปรในไปป์ไลน์ แสดงไว้ด้านบนในรูปแบบของ $(VariableName)

11. เข้าสู่ เรียกใช้ตัวทดสอบ Power Apps Test อัตโนมัติผ่านทาง $(BrowserTypeChrome) หรือคล้ายกันในฟิลด์ ชื่อการทดสอบ

    

ขั้นตอนที่ 5 เพิ่มการทดสอบ Visual Studio สำหรับ Mozilla Firefox

1. คลิกขวาที่งาน เพิ่ม Visual Studio Test สำหรับ Chrome และเลือก โคลนงาน

2. เลือกงานและปรับปรุงพื้นที่ต่อไปนี้:

   1. หัวข้อ: เรียกใช้ตัวทดสอบ Power Apps Test อัตโนมัติผ่านทาง $(BrowserTypeFirefox)

   2. แทนที่พารามิเตอร์การทดสอบการทำงาน

      -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeFirefox)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(GeckoWebDriver)"
      

   3. หัวข้อการทดสอบ: เรียกใช้ตัวทดสอบ Power Apps Test อัตโนมัติผ่านทาง $(BrowserTypeFirefox)

กำหนดค่าตัวแปรไปป์ไลน์

ตอนนี้คุณจะกำหนดค่าตัวแปรไปป์ไลน์ที่กำหนดไว้ในงานที่คุณเพิ่ม ก่อนหน้านี้

1. เลือกแท็บ ตัวแปร

2. เลือก เพิ่ม และทำซ้ำขั้นตอนนี้เพื่อกำหนดค่าตัวแปรต่อไปนี้:

1. เลือก เพิ่ม และป้อน OnlinePassword ในชื่อตัวแปร

2. เช็คถูกที่ภาพล็อคเพื่อทำให้ตัวแปรนี้เป็นความลับ

   

3. บันทึก การกำหนดค่าไปป์ไลน์ของคุณ

เรียกใช้และวิเคราะห์การทดสอบ

ในการตรวจสอบว่าการทดสอบของคุณดำเนินการสำเร็จให้เลือก คิว จากนั้นเลือก เรียกใช้งาน งานของคุณจะเริ่มทำงาน

ในขณะที่งานกำลังทำงาน ให้เลือกงานเพื่อดูสถานะโดยละเอียดของงานที่ทำอยู่แต่ละงาน:

เมื่องานเสร็จสมบูรณ์ คุณสามารถดูสรุปงานระดับสูงและข้อผิดพลาดหรือคำเตือนใด ๆ โดยการเลือกแท็บ การทดสอบ คุณสามารถดูรายละเอียดเฉพาะ ในกรณีทดสอบที่คุณดำเนินการ

ตัวอย่างต่อไปนี้ระบุว่ากรณีทดสอบของเราอย่างน้อยหนึ่งกรณีล้มเหลว ขณะดำเนินการทดสอบโดยใช้เบราว์เซอร์ Chrome:

เลือกการทดสอบ RunTestAutomation เพื่อเจาะลึกรายละเอียดเกี่ยวกับกรณีทดสอบที่ล้มเหลว ในแท็บ สิ่งที่แนบมา คุณสามารถดูข้อมูลสรุปของการดำเนินการทดสอบ และกรณีทดสอบใดที่ล้มเหลวหรือผ่านในชุดทดสอบของคุณ:

ข้อจำกัดที่ทราบ

• ไม่รองรับการรับรองความถูกต้องหลายระดับ

• สรุปการทดสอบจะรายงานผลการทดสอบเดียวต่อเบราว์เซอร์ ผลการทดสอบจะมีหนึ่งหรือมากกว่าหนึ่งผลกรณีทดสอบ หรือการทดสอบชุด

• กระบวนการรับรองความถูกต้องอื่นนอกเหนือจากขั้นตอนการลงชื่อเข้าใช้ Microsoft Entra จำเป็นต้องมีการปรับแต่งกระบวนการลงชื่อเข้าใช้ในโซลูชัน PowerAppsTestAutomation

ดูเพิ่มเติม

• ภาพรวมของ Test Studio
• การทำงานกับ Test Studio
• กำหนดค่าไปป์ไลน์โดยใช้ YAML