سبک زندگیاخبار و رویدادها۷ دقیقه مطالعه
مقاله تستی جامع Text Editor
حتماً — این یک مقاله‌ی تستی جامع برای Text Editor است که عمداً تقریباً همه‌ی قابلیت‌های رایج ادیتور را پوشش می‌دهد: تیترها، متن ساده، Bold/Italic/Underline، لینک، لیست‌ها، نقل‌قول، کد، جدول، تصویر، خط جداکننده، متن راست‌چین/چپ‌چین، رنگ، هایلایت، فرمول، ایموجی و ترکیب‌های مختلف.
حتماً — این یک مقاله‌ی تستی جامع برای Text Editor است که عمداً تقریباً همه‌ی قابلیت‌های رایج ادیتور را پوشش می‌دهد: تیترها، متن ساده، Bold/Italic/Underline، لینک، لیست‌ها، نقل‌قول، کد، جدول، تصویر، خط جداکننده، متن راست‌چین/چپ‌چین، رنگ، هایلایت، فرمول، ایموجی و ترکیب‌های مختلف.
مقاله تستی جامع Text Editor
مقدمه
این متن برای تست و ارزیابی یک Text Editor طراحی شده است. هدف این است که بتوانیم رفتار ادیتور را در شرایط مختلف بررسی کنیم؛ از ساده‌ترین حالت یعنی وارد کردن یک جمله تا حالت‌های پیچیده‌تر مانند جدول، کد، لینک، لیست‌های چندسطحی و ترکیب چند نوع فرمت.
💡 نکته: این مقاله صرفاً محتوای تستی است و می‌تواند برای بررسی قابلیت‌های ویرایش، ذخیره‌سازی، نمایش و خروجی گرفتن از متن استفاده شود.
1. تست فرمت‌های پایه
این یک متن Bold است.
این یک متن Italic است.
این یک متن <u>Underline</u> است.
این یک متن Strikethrough است.
این متن Bold و Italic به صورت هم‌زمان است.
این هم یک
Inline Code در میان متن معمولی است.همچنین می‌توان یک کلمه را Bold کرد، یک کلمه را Italic کرد و یک کلمه را <u>Underline</u> کرد و همه را در یک جمله قرار داد.
2. اندازه و سلسله‌مراتب تیترها
تیتر سطح 3
تیتر سطح 4تیتر سطح 5تیتر سطح 6
تیترها باید از نظر اندازه، فاصله، وزن فونت و ساختار HTML به شکل مناسبی از یکدیگر قابل تشخیص باشند.
3. لینک‌ها
این یک لینک معمولی است:
و این یک لینک با متن طولانی‌تر است که برای تست wrapping استفاده می‌شود:
همچنین یک URL خام:
و یک ایمیل:
4. لیست بدون شماره
موارد زیر یک لیست ساده هستند:
- مورد اول
- مورد دوم
- مورد سوم
- مورد چهارم
لیست چندسطحی
- محصولات
- محصول اول
- محصول دوم
- ویژگی اول
- ویژگی دوم
- محصول سوم
- خدمات
- سرویس اول
- سرویس دوم
- پشتیبانی
5. لیست شماره‌دار
- مرحله اول
- مرحله دوم
- مرحله سوم
- مرحله چهارم
لیست شماره‌دار تو در تو
- ثبت‌نام
- وارد کردن نام
- وارد کردن ایمیل
- تعیین رمز عبور
- تأیید حساب
- ورود به سیستم
- تکمیل پروفایل
6. چک‌لیست
- طراحی رابط کاربری
- پیاده‌سازی Text Editor
- تست Bold و Italic
- تست لینک‌ها
- تست Drag & Drop
- تست Paste از Word
- تست Export
- تست نسخه موبایل
7. نقل‌قول
«کیفیت یک محصول فقط به ظاهر آن محدود نمی‌شود؛ تجربه‌ای که کاربر هنگام استفاده از آن دریافت می‌کند، بخش مهمی از کیفیت محصول است.»
نقل‌قول چندخطی:
این یک Blockquote چندخطی است.خط دوم نقل‌قول در اینجا قرار دارد.و این هم خط سوم برای تست فاصله‌گذاری و ارتفاع خطوط.
8. کد
کد Inline
برای اجرای برنامه از دستور
npm run dev استفاده کنید.Code Block
function greet(name) { return `Hello, ${name}!`;}
const user = { name: "Amir", age: 30, active: true};
console.log(greet(user.name));کد Python
def calculate_total(price, quantity): return price * quantityitems = [ {"name": "Laptop", "price": 1200, "quantity": 1}, {"name": "Mouse", "price": 50, "quantity": 2},]total = sum( calculate_total(item["price"], item["quantity"]) for item in items)print(f"Total: ${total}")
9. جدول
نام | دسته‌بندی | قیمت | موجودی | وضعیت |
|---|---|---|---|---|
لپ‌تاپ Pro | Electronics | £1,299 | 12 | موجود |
کیبورد مکانیکی | Accessories | £129 | 45 | موجود |
مانیتور 4K | Electronics | £499 | 7 | محدود |
هدفون بی‌سیم | Audio | £199 | 0 | ناموجود |
ماوس حرفه‌ای | Accessories | £89 | 23 | موجود |
جدول پیچیده‌تر
Feature | Basic | Pro | Enterprise |
|---|---|---|---|
Editor | ✓ | ✓ | ✓ |
Collaboration | ✗ | ✓ | ✓ |
Version History | ✗ | ✓ | ✓ |
API Access | ✗ | ✓ | ✓ |
Priority Support | ✗ | ✗ | ✓ |
10. خط جداکننده
متن بعد از خط جداکننده قرار دارد.
و این قسمت هم بعد از یک جداکننده‌ی دیگر است.
11. متن رنگی و Highlight
این قسمت برای تست رنگ متن است.
این قسمت برای تست <mark>Highlight / Background Color</mark> است.
ترکیب Bold + <mark>Highlight</mark> + Italic نیز باید به‌درستی نمایش داده شود.
12. تراز متن
چپ‌چین
این پاراگراف برای تست متن Left Aligned است. این متن باید در سمت چپ محدوده‌ی محتوا قرار بگیرد.
وسط‌چین
این پاراگراف برای تست متن Center Aligned است.
راست‌چین
این پاراگراف برای تست متن Right Aligned است.
Justify
این پاراگراف برای تست حالت Justify نوشته شده است. هدف از این بخش بررسی نحوه‌ی توزیع فاصله بین کلمات و پر شدن عرض کامل خط است تا مشخص شود ادیتور در هنگام استفاده از تراز دوطرفه رفتار مناسبی دارد یا خیر.
13. متن فارسی و RTL
این یک پاراگراف فارسی برای تست Right-to-Left (RTL) است.
در سال‌های اخیر، ابزارهای ویرایش متن به یکی از مهم‌ترین بخش‌های بسیاری از نرم‌افزارهای تحت وب تبدیل شده‌اند. یک ویرایشگر خوب باید بتواند هم‌زمان از زبان‌های مختلف، اعداد، لینک‌ها، جداول، کدها و انواع فرمت‌های متنی پشتیبانی کند.
English text inside Persian:
Hello World — This is an English sentence inside RTL content. اعداد فارسی:
۱۲۳۴۵۶۷۸۹۰
اعداد انگلیسی:
1234567890
ترکیب فارسی و انگلیسی:
نسخه‌ی
v2.5.10 در تاریخ 2026-10-19 منتشر شد.
14. Emoji و Symbol
😀 😃 😄 😁 😆 😅 😂 🤣
🚀 ⚡ 🔥 ⭐ ✅ ❌ ⚠️ 💡 🎯 🧪 🛠️
علائم خاص:
© ® ™ € £ $ ¥ ₹
± × ÷ ≠ ≤ ≥ ∞ √ ∑ ∆ π
15. فرمول‌های ریاضی
فرمول ساده:
E = mc²
فرمول درجه دوم:
x = (-b ± √(b² - 4ac)) / 2a
مساحت دایره:
A = πr²
جمع:
Σ(i = 1 → n) i = n(n + 1) / 2
16. متن خیلی طولانی برای تست Overflow
این پاراگراف عمداً طولانی است تا رفتار Text Editor در برابر متن‌های طولانی بررسی شود. وقتی کاربر مقدار زیادی متن را در یک پاراگراف وارد می‌کند، ادیتور باید بتواند بدون ایجاد مشکل در Layout، متن را به خطوط مختلف منتقل کند و ارتفاع Container را به شکل مناسبی افزایش دهد. همچنین نباید متن از محدوده‌ی صفحه خارج شود یا باعث ایجاد اسکرول افقی ناخواسته شود. این تست برای بررسی Word Wrapping، Line Height، Padding، Margin و رفتار Responsive بسیار مفید است. اگر عرض صفحه کوچک شود، متن باید همچنان به شکل صحیح نمایش داده شود و هیچ بخشی از محتوا نباید بدون دلیل از صفحه خارج شود.
17. متن با کلمات خیلی طولانی
این یک تست برای بررسی رفتار ادیتور با کلمات بسیارطولانیوپیچیده‌استکه‌ممکن‌است‌بدون‌فاصله‌باشند.
این هم یک مقدار شبیه شناسه:
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_very_long_identifier_test_123456789
18. ترکیب همه قابلیت‌ها
🚀 معرفی محصول
Text Editor Pro یک ویرایشگر قدرتمند برای تولید محتوای حرفه‌ای است.
ویژگی‌های اصلی:
- ویرایش متن
- فرمت‌بندی پیشرفته
- <u>پشتیبانی از RTL</u>
-
Code Support
- جداول
- لینک‌ها
- تصاویر
- لیست‌ها
- نقل‌قول‌ها
💡 نکته مهم: تمام این قابلیت‌ها باید بتوانند در کنار یکدیگر بدون از بین رفتن فرمت محتوا استفاده شوند.
برای مثال:
19. تست Paste
متن زیر را می‌توان برای تست Copy/Paste استفاده کرد:
این متن از یک منبع خارجی Copy شده است.
این خط شامل
خط جدید است
و باید بررسی شود که آیا
Line Breakها
به درستی حفظ می‌شوند یا خیر.
20. تست کاراکترهای خاص
<div> </div> <script>alert("test")</script> <Hello> "Double Quotes" 'Single Quotes' Backslash: \ Slash: /
21. تست شماره‌گذاری و تاریخ
- تاریخ: 2026/10/19
- ساعت: 10:30
- نسخه: v1.2.3
- شماره سفارش: #ORD-2026-001245
- کد پیگیری: TRK-987654321
- درصد: 99.99%
- مبلغ: £1,299.99
22. نتیجه‌گیری
در این مقاله مجموعه‌ای از سناریوهای مختلف برای تست Text Editor ارائه شد. یک ادیتور کامل باید بتواند تمام این موارد را بدون مشکل نمایش دهد، ویرایش کند و ذخیره کند.
در تست نهایی بهتر است موارد زیر نیز بررسی شوند:
- Undo / Redo
- Copy / Paste
- Drag & Drop
- Keyboard Shortcuts
- Responsive Design
- RTL / LTR
- جدول‌ها
- لینک‌ها
- تصاویر
- Code Block
- Export / Import
- Autosave
- Performance با متن بسیار طولانی
- Sanitization و امنیت HTML
- حفظ فرمت هنگام ذخیره و بارگذاری مجدد
پایان تست 🧪