UI แดชบอร์ด VTS

VTS Dashboard มอบอินเทอร์เฟซผู้ใช้ที่สอดคล้องกันซึ่งใช้การออกแบบวัสดุเพื่อแสดงข้อมูลเกี่ยวกับผลการทดสอบ การทำโปรไฟล์ และความครอบคลุมอย่างมีประสิทธิภาพ การจัดรูปแบบแดชบอร์ดใช้ไลบรารี Javascript แบบโอเพ่นซอร์ส รวมถึง Materialize CSS และ jQueryUI เพื่อประมวลผลข้อมูลที่ส่งโดยเซิร์ฟเล็ต Java ใน Google App Engine

แดชบอร์ดบ้าน

หน้าแรกของแดชบอร์ดแสดงรายการชุดทดสอบที่ผู้ใช้เพิ่มในรายการโปรด

รูปที่ 1. VTS Dashboard หน้าแรก

จากรายการนี้ ผู้ใช้สามารถ:

  • เลือกชุดการทดสอบเพื่อดูผลลัพธ์สำหรับชุดนั้น
  • คลิก แสดงทั้งหมด เพื่อดูชื่อการทดสอบ VTS ทั้งหมด
  • เลือกไอคอน แก้ไข เพื่อแก้ไขรายการโปรด
    รูปที่ 2. VTS Dashboard, การแก้ไขหน้ารายการโปรด

ผลการทดสอบ

ผลการทดสอบจะแสดงข้อมูลล่าสุดเกี่ยวกับชุดการทดสอบที่เลือก รวมถึงรายการจุดโปรไฟล์ ตารางผลลัพธ์ของกรณีทดสอบตามลำดับเวลา และแผนภูมิวงกลมที่แสดงการแยกย่อยผลลัพธ์ของการทดสอบครั้งล่าสุด (ผู้ใช้สามารถโหลดข้อมูลที่เก่ากว่าได้โดยการแบ่งหน้าไปทางขวา ).

รูปที่ 3 VTS Dashboard ผลการทดสอบ

ผู้ใช้สามารถกรองข้อมูลโดยใช้แบบสอบถามหรือโดยการแก้ไขประเภทการทดสอบ (ก่อนส่ง หลังส่ง หรือทั้งสองอย่าง) คำค้นหารองรับโทเค็นทั่วไปและตัวระบุเฉพาะฟิลด์ ช่องค้นหาที่รองรับได้แก่ ID บิลด์อุปกรณ์ สาขา ชื่อเป้าหมาย ชื่ออุปกรณ์ และ ID บิลด์ทดสอบ สิ่งเหล่านี้ระบุไว้ในรูปแบบ: FIELD-ID =" SEARCH QUERY " เครื่องหมายคำพูดใช้ในการจัดการกับคำหลายคำเป็นโทเค็นเดียวเพื่อให้จับคู่กับข้อมูลในคอลัมน์

การทำโปรไฟล์ข้อมูล

ผู้ใช้สามารถเลือกจุดโปรไฟล์เพื่อเข้าถึงมุมมองเชิงโต้ตอบของข้อมูลเชิงปริมาณสำหรับจุดนั้นใน กราฟเส้น หรือ ฮิสโตแกรม (ตัวอย่างด้านล่าง) ตามค่าเริ่มต้น มุมมองจะแสดงข้อมูลล่าสุด ผู้ใช้สามารถใช้เครื่องมือเลือกวันที่เพื่อโหลดกรอบเวลาที่ระบุ

รูปที่ 4 VTS Dashboard ประสิทธิภาพกราฟเส้น

กราฟเส้นแสดงข้อมูลจากคอลเลกชันของค่าประสิทธิภาพที่ไม่เรียงลำดับ ซึ่งอาจมีประโยชน์เมื่อการทดสอบประสิทธิภาพสร้างเวกเตอร์ของค่าประสิทธิภาพที่แตกต่างกันไปตามฟังก์ชันของตัวแปรอื่น (เช่น ปริมาณงานเทียบกับขนาดข้อความ)

รูปที่ 5 VTS Dashboard ประสิทธิภาพฮิสโตแกรม

ครอบคลุมการทดสอบ

ผู้ใช้สามารถดูข้อมูลความครอบคลุมได้จากลิงก์เปอร์เซ็นต์ความครอบคลุมในผลการทดสอบ

รูปที่ 6 VTS Dashboard เปอร์เซ็นต์ความครอบคลุม

สำหรับกรณีทดสอบและไฟล์ต้นฉบับแต่ละรายการ ผู้ใช้สามารถดูองค์ประกอบที่ขยายได้ซึ่งมีซอร์สโค้ดรหัสสีตามความครอบคลุมที่ได้รับจากการทดสอบที่เลือก:

รูปที่ 7 VTS Dashboard ซอร์สโค้ดความครอบคลุม
  • เส้นที่ไม่ปกปิดจะถูกเน้นเป็น สีแดง
  • เส้นปกคลุมจะเน้นเป็น สีเขียว
  • บรรทัดที่ไม่สามารถเรียกใช้งานได้จะ ไม่มีสี

ข้อมูลความครอบคลุมจะถูกจัดกลุ่มโดยขึ้นอยู่กับส่วนต่างๆ ขึ้นอยู่กับวิธีการให้ข้อมูล ณ รันไทม์ การทดสอบอาจอัปโหลดความครอบคลุม:

  • ต่อฟังก์ชัน ส่วนหัวของส่วนมีรูปแบบ "ความครอบคลุม: FUNCTION-NAME "
  • รวม (มีให้เมื่อสิ้นสุดการทดสอบ) มีส่วนหัวเดียวเท่านั้น: "ความครอบคลุม: ทั้งหมด"

แดชบอร์ดจะดึงซอร์สโค้ดฝั่งไคลเอ็นต์จากเซิร์ฟเวอร์ ซึ่งใช้ Gerrit REST API แบบโอเพ่นซอร์ส

การตรวจสอบและการทดสอบ

VTS Dashboard มีจอภาพและการทดสอบหน่วยดังต่อไปนี้

  • ทดสอบการแจ้งเตือนทางอีเมล การแจ้งเตือนได้รับการกำหนดค่าในงาน Cron ที่ดำเนินการในช่วงเวลาคงที่สอง (2) นาที งานจะอ่านตารางสถานะ VTS เพื่อตรวจสอบว่ามีการอัปโหลดข้อมูลใหม่ไปยังแต่ละตารางหรือไม่ โดยการตรวจสอบการประทับเวลาการอัปโหลดข้อมูลดิบของการทดสอบนั้นใหม่กว่าการประทับเวลาการอัปเดตสถานะครั้งล่าสุด หากการประทับเวลาการอัปโหลดใหม่กว่า งานจะค้นหาข้อมูลใหม่ระหว่างตอนนี้จนถึงการอัปโหลดข้อมูลดิบครั้งล่าสุด ความล้มเหลวของกรณีทดสอบใหม่ ความล้มเหลวของกรณีทดสอบอย่างต่อเนื่อง ความล้มเหลวของกรณีทดสอบชั่วคราว การแก้ไขกรณีทดสอบ การทดสอบที่ไม่ได้ใช้งานจะถูกกำหนด; ข้อมูลนี้จะถูกส่งในรูปแบบอีเมลไปยังสมาชิกของการทดสอบแต่ละครั้ง
  • ความสมบูรณ์ของบริการเว็บ Google Stackdriver ทำงานร่วมกับ Google App Engine เพื่อให้ตรวจสอบ VTS Dashboard ได้อย่างง่ายดาย การตรวจสอบสถานะการออนไลน์แบบง่ายๆ ยืนยันว่าสามารถเข้าถึงเพจต่างๆ ได้ ในขณะที่สามารถสร้างการทดสอบอื่นๆ เพื่อตรวจสอบเวลาแฝงของแต่ละเพจ เซิร์ฟเล็ต หรือฐานข้อมูลได้ การตรวจสอบเหล่านี้ทำให้มั่นใจว่าสามารถเข้าถึงแดชบอร์ดได้ตลอดเวลา (มิฉะนั้นผู้ดูแลระบบจะได้รับแจ้ง)
  • การวิเคราะห์ คุณสามารถรวมหน้าแดชบอร์ด VTS เข้ากับ Google Cloud Analytics ได้โดยระบุรหัส Analytics ที่ถูกต้องในการกำหนดค่าหน้า (ไฟล์ pom.xml) การบูรณาการช่วยให้การวิเคราะห์การใช้งานเพจ การโต้ตอบของผู้ใช้ ท้องถิ่น สถิติเซสชัน ฯลฯ มีประสิทธิภาพมากขึ้น