Circularizer: เครื่องมือสำหรับสร้างส่วนประกอบเชิงมุมแบบแยกส่วนและทดสอบได้ง่ายขึ้น
Circularizer เป็นเครื่องมือที่ช่วยทำให้ส่วนประกอบ Angular ของคุณเป็นแบบโมดูลาร์มากขึ้นและง่ายต่อการทดสอบโดยแปลงเป็นการพึ่งพาแบบวงกลม ใน Angular ส่วนประกอบต่างๆ มักจะเชื่อมโยงกันอย่างแน่นหนา ซึ่งหมายความว่าส่วนประกอบเหล่านั้นมีการพึ่งพาส่วนประกอบหรือบริการอื่นๆ ที่ไม่ง่ายนัก ทดสอบได้ สิ่งนี้อาจทำให้ยากต่อการเขียนการทดสอบหน่วยสำหรับส่วนประกอบเหล่านี้ เนื่องจากคุณต้องจำลองการขึ้นต่อกันเพื่อแยกส่วนประกอบที่กำลังทดสอบ
Circularizer ช่วยแก้ไขปัญหานี้โดยการแปลงการขึ้นต่อกันแบบวงกลมเป็นการขึ้นต่อกันแบบโมดูลาร์ที่ง่ายกว่าและง่ายขึ้น ซึ่งทำได้โดยการสร้างโมดูลใหม่สำหรับแต่ละส่วนประกอบ จากนั้นจึงแทรกการขึ้นต่อกันที่จำเป็นลงในโมดูลนั้น สิ่งนี้ทำให้คุณสามารถทดสอบส่วนประกอบแต่ละส่วนแยกกัน โดยไม่ต้องกังวลเรื่องการขึ้นต่อกันของส่วนประกอบอื่นๆ ต่อไปนี้คือตัวอย่างว่า Circularizer สามารถช่วยได้อย่างไร:
สมมติว่าคุณมีส่วนประกอบที่เรียกว่า `MyComponent` ซึ่งขึ้นอยู่กับส่วนประกอบอื่นที่เรียกว่า `MyOtherComponent` หากไม่มี Circularizer โค้ดของคุณอาจมีลักษณะดังนี้:
```
import { Component } from '@angular/core';
import { MyOtherComponent } from './my-other.component';
@Component({
selector: ' app-my',
เทมเพลต: '
})
ส่งออกคลาส MyComponent {
ตัวสร้าง(ส่วนตัว myOtherComponent: MyOtherComponent) {}
}
```โค้ดนี้ เชื่อมโยงกันอย่างแน่นหนา เนื่องจาก `MyComponent` ขึ้นอยู่กับ `MyOtherComponent` หากคุณต้องการทดสอบ `MyComponent` คุณต้องจำลองการขึ้นต่อกันของ `MyOtherComponent` ซึ่งอาจเป็นเรื่องยากและเกิดข้อผิดพลาดได้ง่าย
ด้วย Circularizer คุณสามารถแปลงโค้ดนี้เป็นดังนี้:
```
import { Component } จาก '@เชิงมุม/core';
import { MyOtherComponentModule } จาก './my-other.module';
@Component({
selector: 'app-my',
template: '
})
ส่งออกคลาส MyComponent {
ตัวสร้าง(private myOtherComponentModule: MyOtherComponentModule) {}
}
```
ตอนนี้ `MyComponent` ขึ้นอยู่กับโมดูลที่เรียกว่า `MyOtherComponentModule` ซึ่งส่งออก `MyOtherComponent ` ส่วนประกอบ วิธีนี้ช่วยให้ทดสอบ `MyComponent` แบบแยกส่วนได้ง่ายขึ้น เนื่องจากคุณสามารถจำลองการขึ้นต่อกันของ `MyOtherComponentModule`.
โดยรวมแล้ว Circularizer เป็นเครื่องมือที่มีประโยชน์ในการทำให้ส่วนประกอบ Angular เป็นโมดูลาร์มากขึ้นและง่ายต่อการทดสอบ มันสามารถช่วยให้คุณทำลายวงจรของการพึ่งพาและทำให้โค้ดของคุณสามารถบำรุงรักษาและปรับขนาดได้มากขึ้น
ฉันชอบวิดีโอนี้
ฉันไม่ชอบวิดีโอนี้
รายงานข้อผิดพลาดของเนื้อหา
share
