اختبار أتمتة تطبيقات الويب الجاهزة ، بدون تسجيل ورسائل نصية قصيرة

كتابة حالات الاختبار تلقائيًا

• "الضغط على الزر"
• "أدخلت قيمة XXX"
• "حددت القيمة YYY في القائمة المنسدلة"

• "ظهر النص: XXX"
• "ظهرت رسالة الخطأ: YYY"
• "ظهر العنوان: ZZZ"

fromEvent(this.elementRef.nativeElement, 'click')
.subscribe(tagName => {
 	if (tagName === 'BUTTON') {
   		this.testCaseService.addAction(`   "${action.name}"`);
 	} else if (tagName === 'INPUT-CALENDAR') {
   		this.testCaseService
     			.addAction(`  "${action.name}" "${action.value}"`);
 	}
});

ngAfterViewInit() {
    const tagName = this.nativeElement.nodeName;
	const text = this.nativeElement.textContent;
    if (['SPAN', 'P'].includes(tagName)) {
 	 	 this.testCaseService.addContent(`** ** "${text}"\n`);
     } else if (tagName === 'H1') {
 	  	this.testCaseService.addContent(`** ** "${text}"\n`);
     } …	
}

<div class="tlid-input-button input-button header-button tlid-input-button-text text-icon" role="tab" tabindex="-1">
  	<div class="text"></div>
</div>
<div class="tlid-input-button input-button header-button tlid-input-button-docs documents-icon" role="tab" tabindex="-1">
 	 <div class="text"></div>
</div>

كتابة اختبارات e2e تلقائيًا

Feature:   2-
  Background:
 	When  "" ""

  Scenario:
 	When    " - "
 	Then    "  "
 	And   " - "
 	When    "  " ""
 	When    "" "  "
 	When    ""

When('   {string}', async function (button: string) {
	const xpath = "//button";
	const btn = await getItemByText(xpath, button);
	await waitAndClick(btn);
});
When('  {string} {string}', async function (label: string, text: string) {
	const xpath = "//*[contains(text(),'" + label + "')]/ancestor::outline";
	await inputSendKeys(currentBrowser().element(by.xpath(xpath)), text);
});

1. اشترك في أحداث التفاعل مع عناصر التحكم ورد فعل الموقع على هذه الإجراءات (من خلال تتبع إعادة بناء شجرة DOM).
2. تحويل البيانات من الفقرة 1 إلى اختبارات e2e.
3. اكتب معالج عام لإجراء اختبارات e2e.

استنتاج