วิธีการใช้ไหมพรมร่วมกับ Sinon?

เฮ้! ฉันเป็นซัพพลายเออร์เส้นด้ายทุกชนิด และรู้สึกตื่นเต้นเป็นอย่างยิ่งที่ได้พูดคุยกับคุณเกี่ยวกับการใช้ Yarn กับ Sinon หากคุณกำลังสนใจการทดสอบแอปพลิเคชัน JavaScript คุณคงเคยได้ยินทั้ง Yarn และ Sinon มาก่อน Yarn เป็นตัวจัดการแพ็คเกจที่ยอดเยี่ยม และ Sinon เป็นยูทิลิตี้การทดสอบที่ทรงพลัง มาดูวิธีที่คุณสามารถใช้ร่วมกันเพื่อทำให้กระบวนการทดสอบของคุณราบรื่นยิ่งขึ้น

ทำไมต้องเส้นด้าย?

ก่อนอื่น ทำไมคุณถึงเลือก Yarn มากกว่าตัวจัดการแพ็คเกจอื่นๆ? Yarn นั้นรวดเร็ว เชื่อถือได้และปลอดภัย โดยจะแคชทุกแพ็คเกจที่ดาวน์โหลด ดังนั้นหากคุณต้องการติดตั้งแพ็คเกจเดิมอีกครั้ง ก็ไม่จำเป็นต้องดาวน์โหลดตั้งแต่ต้น ซึ่งช่วยประหยัดเวลาได้มาก โดยเฉพาะอย่างยิ่งเมื่อคุณกำลังทำงานในโครงการที่มีการขึ้นต่อกันจำนวนมาก

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

ทำไมต้องซีนอน?

เรามาพูดถึงซีนอนกันดีกว่า Sinon เป็นไลบรารีสำหรับสร้างสายลับ ต้นขั้ว และจำลองในการทดสอบ JavaScript Spies ช่วยให้คุณติดตามวิธีการเรียกใช้ฟังก์ชันได้ เช่น จำนวนครั้งที่ถูกเรียก มีการใช้อาร์กิวเมนต์อะไร ฯลฯ Stub ก็เหมือนกับสายลับ แต่ยังให้คุณแทนที่ฟังก์ชันดั้งเดิมด้วยฟังก์ชันที่กำหนดเองได้ การเยาะเย้ยเป็นการผสมผสานระหว่างสายลับและสตับ และพวกมันช่วยให้คุณกำหนดความคาดหวังว่าควรจะเรียกใช้ฟังก์ชันอย่างไร

การใช้ Sinon ในการทดสอบสามารถช่วยให้การทดสอบมีประสิทธิภาพและเข้าใจง่ายขึ้น คุณสามารถแยกส่วนต่างๆ ของโค้ดและทดสอบแยกกันได้ ซึ่งเป็นสิ่งสำคัญอย่างยิ่งเมื่อคุณทำงานกับแอปพลิเคชันขนาดใหญ่

การตั้งค่าโครงการของคุณด้วยเส้นด้าย

เอาล่ะ มาเริ่มสร้างโปรเจ็กต์โดยใช้ Yarn กันดีกว่า ขั้นแรก ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งเส้นด้ายไว้ในเครื่องของคุณแล้ว คุณสามารถตรวจสอบได้ว่ามีการติดตั้งหรือไม่โดยการรันเส้นด้าย--รุ่นในเทอร์มินัลของคุณ หากไม่ได้ติดตั้ง คุณสามารถติดตั้งได้โดยทำตามคำแนะนำในเว็บไซต์เส้นด้าย.

เมื่อคุณติดตั้ง Yarn แล้ว ให้สร้างไดเร็กทอรีใหม่สำหรับโปรเจ็กต์ของคุณและไปที่ไดเร็กทอรีในเทอร์มินัลของคุณ จากนั้นวิ่งเส้นด้าย init -yเพื่อเริ่มต้นโครงการใหม่ด้วยค่าเริ่มต้นแพ็คเกจ.jsonไฟล์.

ตอนนี้เรามาติดตั้ง Sinon กันดีกว่า วิ่งเส้นด้ายเพิ่ม sinon --devในเทอร์มินัลของคุณ ที่--devหมายความว่า Sinon จะถูกติดตั้งเป็นการพึ่งพาการพัฒนา ซึ่งเป็นสิ่งที่เราต้องการเนื่องจากเราใช้เพื่อการทดสอบเท่านั้น

เขียนการทดสอบครั้งแรกของคุณกับ Sinon

สมมติว่าเรามีฟังก์ชัน JavaScript ง่ายๆ ที่เราต้องการทดสอบ นี่คือฟังก์ชัน:

ฟังก์ชั่นเพิ่ม (a, b) { คืน a + b; }

และนี่คือวิธีที่เราสามารถเขียนการทดสอบโดยใช้ Sinon:

const sinon = ต้องการ ('sinon'); const assert = ต้องการ ('ยืนยัน'); ฟังก์ชั่นเพิ่ม (a, b) { คืน a + b; } อธิบาย('เพิ่มฟังก์ชัน', ฟังก์ชัน () { มัน('ควรเพิ่มตัวเลขสองตัวอย่างถูกต้อง', ฟังก์ชัน () { const result = เพิ่ม(2, 3); assert.strictEqual(result, 5); }); });

ในการทดสอบนี้ เราใช้อุปกรณ์ในตัวยืนยันโมดูลเพื่อตรวจสอบว่าเพิ่มฟังก์ชั่นส่งคืนผลลัพธ์ที่ถูกต้อง แต่เรายังสามารถใช้ Sinon เพื่อเพิ่มความสามารถในการทดสอบขั้นสูงเพิ่มเติมได้ ตัวอย่างเช่น สมมุติว่าเพิ่มfunction เรียกใช้ฟังก์ชันอื่นที่อยู่ภายใน:

ฟังก์ชั่น logResult (ผลลัพธ์) { console.log ('ผลลัพธ์คือ: ' + ผลลัพธ์); } ฟังก์ชั่น เพิ่ม(a, b) { const result = a + b; logResult (ผลลัพธ์); ส่งคืนผลลัพธ์; }

เราสามารถใช้สายลับซีนอน ติดตามว่าเป็นอย่างไรบันทึกผลลัพธ์เรียกว่าฟังก์ชัน:

const sinon = ต้องการ ('sinon'); const assert = ต้องการ ('ยืนยัน'); ฟังก์ชั่น logResult (ผลลัพธ์) { console.log ('ผลลัพธ์คือ: ' + ผลลัพธ์); } ฟังก์ชั่น เพิ่ม(a, b) { const result = a + b; logResult (ผลลัพธ์); ส่งคืนผลลัพธ์; } อธิบาย ('เพิ่มฟังก์ชัน', ฟังก์ชัน () { มัน ('ควรเรียก logResult ด้วยผลลัพธ์ที่ถูกต้อง', ฟังก์ชัน () { const spy = sinon.spy(logResult); const result = เพิ่ม (2, 3); assert(spy.callOnce); assert(spy.callWith(5)); }); });

ในการทดสอบนี้ เราจะสร้างสายลับเกี่ยวกับบันทึกผลลัพธ์การทำงาน. จากนั้นเราก็เรียก.เพิ่มฟังก์ชั่นและเราสามารถใช้สายลับเพื่อตรวจสอบว่าบันทึกผลลัพธ์ฟังก์ชันถูกเรียกใช้เพียงครั้งเดียวและหากถูกเรียกใช้ด้วยอาร์กิวเมนต์ที่ถูกต้อง

การใช้ Yarn เพื่อจัดการสคริปต์ทดสอบ

Yarn ทำให้การจัดการสคริปต์ทดสอบของคุณเป็นเรื่องง่าย คุณสามารถเพิ่มสคริปต์ทดสอบให้กับคุณได้แพ็คเกจ.jsonไฟล์เช่นนี้:

{ "ชื่อ": "ของฉัน - โครงการ", "เวอร์ชัน": "1.0.0", "devDependencies": { "sinon": "^11.1.2" }, "สคริปต์": { "ทดสอบ": "มอคค่า" } }

ในตัวอย่างนี้ เราใช้ Mocha เป็นตัวดำเนินการทดสอบของเรา คุณสามารถติดตั้ง Mocha ได้โดยใช้เส้นด้ายเพิ่มมอคค่า --dev. ตอนนี้เมื่อใดก็ตามที่คุณต้องการรันการทดสอบ คุณก็สามารถรันได้การทดสอบเส้นด้ายในเทอร์มินัลของคุณ

ผลิตภัณฑ์เส้นด้ายของเรา

ในฐานะซัพพลายเออร์เส้นด้าย ฉันอยากจะบอกคุณเกี่ยวกับผลิตภัณฑ์เส้นด้ายที่น่าทึ่งบางส่วนของเรา เรามี26NM ย้อมเส้นด้ายแคชเมียร์ 100%ซึ่งมีความนุ่มและหรูหราเป็นพิเศษ เหมาะสำหรับทำสินค้าถักระดับไฮเอนด์ เช่น ผ้าพันคอและเสื้อสเวตเตอร์

นอกจากนี้เรายังนำเสนอเส้นด้ายผสมวิสโคส. เส้นด้ายนี้มีเดรปที่สวยงามและเหมาะสำหรับการตัดเย็บเสื้อผ้าที่มีน้ำหนักเบา แล้วก็มีเส้นด้ายผสมเทนเซลซึ่งทำจากวัสดุที่ยั่งยืนและมีคุณสมบัติดูดซับความชื้นได้ดีเยี่ยม

เส้นด้ายเหล่านี้สามารถใช้สร้างสิ่งของถักและโครเชต์ที่สวยงามได้ทุกประเภท ตัวอย่างเช่น คุณสามารถใช้เส้นด้ายของเราเพื่อทำเสื้อแขนยาวสีตัดกันสไตล์คริสต์มาสเสื้อสเวตเตอร์ถักคริสต์มาสขนาดใหญ่หรือกเสื้อสเวตเตอร์ยูนิฟอร์ม เสื้อสเวตเตอร์ถักคอวีสีน้ำเงินและสีดำ.

บทสรุป

เข้าใจแล้ว - คำแนะนำเกี่ยวกับวิธีใช้ Yarn กับ Sinon Yarn ทำให้การจัดการการพึ่งพาโครงการของคุณเป็นเรื่องง่าย และ Sinon เพิ่มพลังอย่างมากให้กับชุดเครื่องมือทดสอบของคุณ ไม่ว่าคุณจะเป็นนักพัฒนาที่มีประสบการณ์หรือเพิ่งเริ่มต้น การใช้เครื่องมือทั้งสองนี้ร่วมกันสามารถปรับปรุงขั้นตอนการพัฒนาของคุณได้อย่างแท้จริง

หากคุณสนใจผลิตภัณฑ์เส้นด้ายของเราหรือมีคำถามใดๆ เกี่ยวกับการใช้ Yarn และ Sinon ในโครงการของคุณ อย่าลังเลที่จะติดต่อเรา เราพร้อมช่วยเหลือคุณเกี่ยวกับความต้องการเส้นด้ายของคุณ และทำให้มั่นใจว่ากระบวนการทดสอบของคุณดำเนินไปอย่างราบรื่น มาเริ่มการสนทนาและดูว่าเราจะทำงานร่วมกันได้อย่างไร!

อ้างอิง

• เอกสารอย่างเป็นทางการของ Autre.js
• เอกสารประกอบเว็บไซต์อย่างเป็นทางการของ Yarn
• เอกสารอย่างเป็นทางการของ Mocha.js