เรียกใช้ไฟล์ทดสอบไฟล์เดียว

มีวิธีเรียกใช้ng testไฟล์เดียวแทนที่จะเป็นชุดทดสอบทั้งหมดหรือไม่ ตามหลักการแล้วฉันต้องการรับลูปข้อเสนอแนะที่เร็วที่สุดเท่าที่จะเป็นไปได้เมื่อฉันแก้ไขไฟล์ แต่karmaดำเนินการทั้งชุดในการบันทึกแต่ละครั้งซึ่งค่อนข้างช้าเมื่อคุณสร้างชุดทดสอบที่ใหญ่พอ

ซึ่งแตกต่างจากHow to execute only test spec with angular-cliในคำถามนั้นเกี่ยวกับการเรียกใช้ข้อมูลจำเพาะแต่ละรายการ นี่เกี่ยวกับการเรียกใช้ไฟล์แต่ละไฟล์ การแก้ปัญหาเกี่ยวข้องกับคุณสมบัติเฉพาะของจัสมินเหมือนกัน แต่ลักษณะของคำถามแตกต่างกันเล็กน้อย

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

เป็นมูลค่าการกล่าวขวัญว่าคุณสามารถปิดการทดสอบโดยไม่ต้องแสดงความคิดเห็นโดยxdescribeและxit

xdescribe('Hello world', () => { 
  xit('says hello', () => { 
    expect(helloWorld())
        .toEqual('Hello world!');
  });
});

และอย่างที่ใครบางคนเคยพูดไว้แล้วว่าคุณต้องการมุ่งเน้นไปที่การทดสอบบางอย่างแล้วfdescribeหรือยังfit

fdescribe('Hello world', () => { 
  fit('says hello', () => { 
    expect(helloWorld())
        .toEqual('Hello world!');
  });
});

วันนี้สามารถทำได้ผ่านทางincludeตัวเลือก https://angular.io/cli/test#options

เป็นการจับคู่ลูกโลกเพื่อเป็นตัวอย่าง:

ng test --include='**/someFolder/*.spec.ts'

ฉันไม่สามารถหาได้ในบันทึกประจำรุ่น 8.1.0แต่ @Swoox 8.1.0กล่าวถึงด้านล่างนี้เป็นคุณลักษณะหลังจากรุ่น ขอขอบคุณที่ทราบ

ฉันพบว่าng testมีตัวเลือกเพิ่มเติม--includeที่คุณสามารถใช้เพื่อให้สามารถเรียกใช้การทดสอบสำหรับไฟล์เดียวหรือสำหรับไดเร็กทอรีเฉพาะหรือสำหรับไฟล์จำนวนมาก:

// one file
npm run test -- --include src/app/components/component/component-name.component.spec.ts

// directory or bunch of files
npm run test -- --include src/app/components

ng cli docs

คุณสามารถไปที่src/test.tsและสามารถเปลี่ยนบรรทัดต่อไปนี้:

const context = require.context('./', true, /\.spec\.ts$/);

ถึง

const context = require.context('./', true, /**yourcomponent.component**\.spec\.ts$/);

Visual Studio Code Extension

วิธีที่ง่ายที่สุดคือใช้ส่วนขยายvscode-test-explorerร่วมกับangular -arma-test-explorerและjasmine-test-adapterซึ่งเป็นเด็กคุณจะได้รับรายการการทดสอบปัจจุบันเพื่อรันทีละรายการหากคุณต้องการ:

นี่เป็นคำตอบเดียวกับที่ฉันให้ไว้สำหรับคำถามนี้มีรายละเอียดเพิ่มเติมอยู่ที่นั่น

ใช้ ng test --main file.spec.ts

คุณต้องไปsrc/test.tsและสามารถเปลี่ยนรหัสหมายเลขบรรทัดต่อไปนี้ 18:

//Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);

ถึง

//Then we find all the tests.
const context = require.context('./', true, /testing.component\.spec\.ts$/);

ใช้งานได้ถ้าคุณระบุไฟล์ข้อมูลจำเพาะของคุณเป็นพารามิเตอร์

ตัวอย่างเช่น:

ng ทดสอบ foo.spec.ts

หวังว่านี่จะช่วยได้