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