Angular CLI - คำสั่ง ng e2e
ไวยากรณ์
ng e2e <project> [options]
ng e <project> [options]ng e2e สร้างให้บริการแอปพลิเคชันจากนั้นรันกรณีทดสอบ end to end โดยใช้ไม้โปรแทรกเตอร์ ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก
อาร์กิวเมนต์
| ซีเนียร์ | อาร์กิวเมนต์และไวยากรณ์ | คำอธิบาย |
|---|---|---|
| 1 | <โครงการ> | ชื่อของโครงการที่จะทดสอบ |
ตัวเลือก
| ซีเนียร์ | ตัวเลือกและไวยากรณ์ | คำอธิบาย |
|---|---|---|
| 1 | --baseUrl = baseUrl | URL ฐานสำหรับไม้โปรแทรกเตอร์ที่จะเชื่อมต่อ |
| 2 | --configuration = การกำหนดค่า |
เป้าหมายการสร้างที่มีชื่อตามที่ระบุในส่วน "การกำหนดค่า" ของ angular.json แต่ละเป้าหมายที่ตั้งชื่อมาพร้อมกับการกำหนดค่าตัวเลือกเริ่มต้นสำหรับเป้าหมายนั้น การตั้งค่านี้จะลบล้างแฟล็ก "--prod" อย่างชัดเจน นามแฝง: -c |
| 3 | --devServerTarget = devServerTarget | เป้าหมายเซิร์ฟเวอร์ Dev เพื่อรันการทดสอบ |
| 4 | --grep = grep | ดำเนินการตามข้อกำหนดที่มีชื่อตรงกับรูปแบบซึ่งรวบรวมไว้ภายใน RegExp |
| 5 | --help = true | false | json | JSON |
แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล ค่าเริ่มต้น: เท็จ |
| 6 | --host = โฮสต์ | โฮสต์ที่จะฟัง |
| 7 | --invertGrep = จริง | เท็จ |
สลับการเลือกที่ระบุโดยตัวเลือก "grep" ค่าเริ่มต้น: เท็จ |
| 8 | --ท่าเรือ | พอร์ตที่จะใช้เพื่อให้บริการแอปพลิเคชัน |
| 9 | --prod = จริง | เท็จ | ชวเลขสำหรับ "--configuration = production" เมื่อเป็นจริงตั้งค่าคอนฟิกบิลด์เป็นเป้าหมายการผลิต ตามค่าเริ่มต้นเป้าหมายการผลิตจะถูกตั้งค่าในคอนฟิกูเรชันพื้นที่ทำงานเพื่อให้บิลด์ทั้งหมดใช้การรวมกลุ่มการเขย่าต้นไม้แบบ จำกัด และการกำจัดโค้ดที่ตายแล้วอย่าง จำกัด |
| 10 | --protractorConfig = ไม้โปรแทรกเตอร์Config | ชื่อของไฟล์คอนฟิกูเรชัน Protractor |
| 11 | - สเปค | แทนที่ข้อมูลจำเพาะในการกำหนดค่าไม้โปรแทรกเตอร์ |
| 12 | --suite = ห้องชุด | แทนที่ชุดในการกำหนดค่าไม้โปรแทรกเตอร์ |
| 13 | --webdriverUpdate = จริง | เท็จ |
ลองอัปเดต webdriver ค่าเริ่มต้น: จริง |
ขั้นแรกให้ย้ายไปยังโครงการเชิงมุมที่อัปเดตโดยใช้คำสั่งng build
ตอนนี้รันคำสั่ง e2e
ตัวอย่าง
\>Node\>TutorialsPoint> ng e2e
...
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-06T04:20:15.029Z - Hash: 16f321e3d4599af26622 - Time: 20899ms
** Angular Live Development Server is listening on localhost:4200, open your bro
wser on http://localhost:4200/ **
: Compiled successfully.
...
workspace-project App
x should display welcome message
- Failed: No element found using locator: By(css selector, app-root .content span)
...
From: Task: Run it("should display welcome message") in control flow
...
**************************************************
* Failures *
**************************************************
1) workspace-project App should display welcome message
- Failed: No element found using locator: By(css selector, app-root .content span)
Executed 1 of 1 spec (1 FAILED) in 2 secs.ตอนนี้เพื่อแก้ไขความล้มเหลวให้อัปเดต app.component.html
app.component.html
<div class="content" role="main">
<span>{{ title }} app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>ตอนนี้รันคำสั่ง e2e
ตัวอย่าง
\>Node\>TutorialsPoint> ng e2e
...
chunk {main} main.js, main.js.map (main) 14.9 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-06T04:28:33.514Z - Hash: 5d8bf2fc7ff59fa390b0 - Time: 10529ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.
...
workspace-project App
√ should display welcome message
Executed 1 of 1 spec SUCCESS in 2 secs.ng e2e ยังเปิดเบราว์เซอร์และใช้เพื่อเรียกใช้กรณีทดสอบการยอมรับโดยใช้ UI