jest preview

ตัวอย่างตลก

ดีบักการทดสอบตลกของคุณ ได้อย่างง่ายดาย -

ลองเล่นตัวอย่างตลกออนไลน์ ไม่จำเป็นต้องดาวน์โหลด!

ใช้ Vitest? ลองดูตัวอย่าง Vitest

ทำไม jest-Preview

เมื่อเขียนการทดสอบโดยใช้ JEST เรามักจะทำการดีบักโดยการอ่านรหัส HTML บางครั้ง HTML นั้นซับซ้อนเกินกว่าที่จะเห็นภาพ UI ในหัวของเรา ตัวอย่างการทดสอบ jest-preview การทดสอบความตลกขบขันของคุณในเบราว์เซอร์จากนั้นคุณจะเห็น UI ที่แท้จริงของคุณด้วยสายตาซึ่งจะช่วยให้คุณเขียนและดีบักการทดสอบ jest เร็วขึ้น

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

• Vite React
• สร้างแอป React
• nextjs
• svelte
• เชิงมุม
• ความเต็ม

คุณสมบัติ

• - ดูตัวอย่าง HTML ของแอพที่แท้จริงของคุณในเบราว์เซอร์ในมิลลิวินาที
• เบราว์เซอร์โหลดอัตโนมัติเมื่อดำเนินการ preview. debug () `
• - สนับสนุน CSS:
  • ✅นำเข้า CSS โดยตรง
  • ✅จำนวนห้องสมุด CSS-in-JS เช่น:
    • ✅องค์ประกอบสไตล์
    • ✅อารมณ์
  • ✅ CSS ทั่วโลก
  • ✅โมดูล CSS
  • ✅ Sass
• - สนับสนุนการดูรูปภาพ

วิธีใช้ jest-preview ใน 2 บรรทัดของรหัส

 + import preview from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    preview.debug();
  });
});

หรือ:

 + import { debug } from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    debug();
  });
});

คุณต้องเริ่มต้นเซิร์ฟเวอร์ Preview jest โดยเรียกใช้ CLI jest-preview โปรดอ่านการใช้งานต่อไปสำหรับคำแนะนำรายละเอียด

ข้อเสนอแนะ

ความคิดเห็นของคุณสำคัญมากสำหรับเรา โปรดช่วย jest-preview กลายเป็นซอฟต์แวร์ที่ดีกว่าโดยส่งข้อเสนอแนะที่นี่

การติดตั้ง

ดูคู่มือการติดตั้งบนเว็บไซต์อย่างเป็นทางการของ Jest Preview

การใช้งาน

ดูคู่มือการใช้งานบนเว็บไซต์อย่างเป็นทางการของ Jest Preview

การกำหนดค่าขั้นสูง

ตัวอย่าง Jest มาพร้อมกับการเปลี่ยนแปลงที่กำหนดค่าล่วงหน้า อย่างไรก็ตามในกรณีการใช้งานขั้นสูงที่คุณมีการแปลงรหัสที่กำหนดเองให้ตรวจสอบคู่มือการแปลงรหัส

คุณสมบัติที่กำลังจะมาถึง

• รองรับไลบรารี css-in-js เพิ่มเติม
• ตัวอย่างหลายตัวอย่าง
• คุณตั้งชื่อมัน

สนับสนุน

โปรดยื่นปัญหาหรือเพิ่มการสนทนาใหม่หากคุณพบปัญหาใด ๆ

นอกจากนี้คุณยังสามารถพูดถึง @jestpreview หรือ @hung_dev บน Twitter หากคุณต้องการมีการอภิปรายหรือข้อเสนอแนะเพิ่มเติม

นอกจากนี้เรายังมีเซิร์ฟเวอร์ Discord:

การบริจาค

เราแทบรอไม่ไหวที่จะเห็นการมีส่วนร่วมของคุณ ดูคู่มือการบริจาคที่ Interning.md

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):

แขวนเวียดนามเหงียน	ตยองเหงียน	Viet Huu Doan -	Harveynguyen	Matt Murphy	Traitanit Huangsri	Thanh Son Nguyen
มินห์เหงียน	Kyle (tìnhvũ) -	Makoto Tateno	Abhishek Rawat	Huynh Duc Duy	Nuno Casteleira -	Sundaycrafts
Lunduocai -	Huyenuet	เขื่อนเบนเน็ตต์	Steven Rosato -	nhducit -	Benoit Grasset -	Sergii Kirianov -
คิมฮาริม	Lars Gyrup Brink Nielsen	ไมค์ชี	Veniamin Krol	Ikko Ashimine	Pavel ปิด -	David Z Hao -
Rohitbels	Rivaldi Putra	Zhao ยาว	จัสตินซัน -

โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วม ยินดีต้อนรับการมีส่วนร่วมทุกชนิด!

ประวัติดาว

ใบอนุญาต

มิกซ์

ผู้สนับสนุน

การสนับสนุนทางการเงินของคุณช่วยให้โครงการมีชีวิตอยู่และในโหมดการพัฒนา สร้างผลกระทบโดยการสนับสนุน US $ 1 ผ่าน Open Collective

• สปอนเซอร์บรอนซ์?:
  • รูปภาพโลโก้/ โปรไฟล์ของ บริษัท ของคุณบน readme.md และ www.jest-preview.com
• ผู้สนับสนุนเงิน?:
  • สิ่งเหล่านี้ทั้งหมดข้างต้น
  • คำขอของคุณจะได้รับการจัดลำดับความสำคัญ
• ผู้สนับสนุนทอง?:
  • สิ่งเหล่านี้ทั้งหมดข้างต้น
  • มาพูดคุยเกี่ยวกับประโยชน์ของคุณสำหรับชั้นนี้โปรดติดต่อผู้เขียน
• สปอนเซอร์เพชร?:
  • สิ่งเหล่านี้ทั้งหมดข้างต้น
  • มาพูดคุยเกี่ยวกับประโยชน์ของคุณสำหรับชั้นนี้โปรดติดต่อผู้เขียน

สปอนเซอร์บรอนซ์?

ผู้สนับสนุนที่ผ่านมา