מדריך למתחילים: שימוש ב-Applitools לבדיקות תוכנה מבוססות AI

מה זה Applitools ולמה צריך אותו?

Applitools הוא כלי בדיקות מבוסס Visual AI
במקום לבדוק רק “האם האלמנט קיים”, הוא בודק:

האם האפליקציה נראית כמו שצריך – בעיני משתמש אמיתי

בעיות ש-Applitools פותר:

• שינויים ויזואליים לא צפויים
• אלמנטים שזזו / נעלמו
• בעיות רספונסיביות
• הבדלים בין דפדפנים ומכשירים
• באגים ש-Selenium / Cypress לא מזהים

למי המדריך מתאים?

• בודקי תוכנה מתחילים (Manual / Junior QA)
• בודקים שרוצים להיכנס לאוטומציה בצורה חכמה
• אנשי QA שרוצים להבין מה זה Visual Testing
• צוותים שעובדים עם Web / Mobile / CI-CD

מושגי יסוד שחייבים להכיר

Visual Testing

בדיקה של המראה החזותי של המערכת:

• Layout
• צבעים
• מיקומים
• טקסטים
• תמונות

Baseline

צילום המסך התקין הראשון
כל בדיקה עתידית תושווה אליו

Visual AI

אלגוריתם שמבין:

• מה שינוי חשוב
• ומה שינוי זניח (למשל שעה, אנימציה)

שלב 1: פתיחת חשבון והגדרה ראשונית

1. נכנסים לאתר Applitools
2. נרשמים (יש Free Trial)
3. מקבלים API Key
4. שומרים את המפתח – נשתמש בו בקוד

💡 טיפ QA:
לעולם לא לשמור API Key בקוד – אלא כ-Environment Variable

שלב 2: איך Applitools עובד בפועל (בפשטות)

1. מריצים בדיקה אוטומטית רגילה (Selenium / Cypress וכו’)
2. Applitools:
   • מצלם מסך
   • שולח לשרת
   • משווה לבייסליין
3. אם יש שינוי – מקבלים התראה ודו״ח ויזואלי

שלב 3: בחירת טכנולוגיה (מה מתאים למתחילים?)

מומלץ למתחילים:

• Cypress + Applitools
• Playwright + Applitools

גם אפשרי:

• Selenium (Java / Python / JS)
• Web + Mobile (Appium)

שלב 4: התקנה בסיסית (דוגמה רעיונית)

מתקינים את הספרייה:

npm install @applitools/eyes-cypress

מגדירים API Key:

export APPLITOOLS_API_KEY=your_key_here

שלב 5: בדיקה ויזואלית ראשונה – לוגיקה

השלבים בכל בדיקה:

1. פתיחת session
2. צילום מסך (check)
3. סגירת session

רעיון בדיקה:

• כניסה לדף Login
• צילום המסך
• Applitools שומר כ-Baseline

שלב 6: סוגי בדיקות ויזואליות

1️⃣ בדיקת מסך מלא

בודק את כל הדף

2️⃣ בדיקת אזור מסוים

למשל:

• טופס
• כפתור
• Header בלבד

3️⃣ בדיקת רספונסיביות

• Desktop
• Tablet
• Mobile

Applitools יודע להריץ אותה בדיקה על כמה גדלים ודפדפנים

שלב 7: ניהול תוצאות (Test Results)

ב-Dashboard של Applitools ניתן:

• לראות השוואה בין גרסאות
• לאשר שינויים תקינים
• לדחות באגים ויזואליים
• לתעד החלטות QA

💡 זהו כלי ניהולי – לא רק בדיקה!

שלב 8: איך QA מחליט אם שינוי תקין?

Applitools מציג:

• אזור שינוי
• לפני / אחרי
• רמת הבדל

הבודק מחליט:

• ✅ Accept – שינוי תקין
• ❌ Reject – באג

שלב 9: שילוב עם CI/CD

Applitools משתלב בקלות עם:

• Jenkins
• GitHub Actions
• GitLab CI
• Azure DevOps

משמעות:

בדיקות ויזואליות רצות אוטומטית בכל build

טעויות נפוצות של מתחילים (ואיך להימנע)

❌ לצלם יותר מדי מסכים
✅ לבחור נקודות קריטיות

❌ לא לעדכן Baseline
✅ לעדכן רק אחרי אישור QA

❌ לסמוך רק על AI
✅ לשלב עם בדיקות פונקציונליות

איך Applitools משתלב בקריירת QA?

✔ מעלה ערך מקצועי
✔ מתאים לשוק 2025+
✔ בולט בקורות חיים
✔ חוסך זמן ידני
✔ מאפשר QA לחשוב – לא רק ללחוץ

סיכום

Applitools הוא:

• לא “עוד כלי בדיקות”
• אלא שכבת חכמה מעל הבדיקות

בודק שמכיר Visual Testing:

רואה את המוצר כמו משתמש – ולא כמו קוד