PW Playwright · TSקורס חינמי: Playwright עם TypeScript
לקורס המלא

פרק 4 · שיעור 3

קוראים את הקוד, שומרים ומריצים

רמת קושי: קל
מצגת
חיצים לניווט, N להערות, F למסך מלאפתח בחלון נפרד ↗
שיעור וידאו

נקודות עיקריות

הקוד שנוצר נראה בערך כך (אצלכם הוא עשוי להיות מעט שונה):

await page.goto('https://playground.atidcollege.co.il/');
await page.getByRole('textbox', { name: 'Username' }).fill('user_basic');
await page.getByRole('textbox', { name: 'Password' }).fill('secret');
await page.getByRole('button', { name: 'Login' }).click();
await expect(page.getByRole('heading', { name: 'ATID Automation Playground 🚀' })).toBeVisible();

כל שורה היא פעולה אחת: לעבור לכתובת, למלא שדה, ללחוץ, לוודא. בקורס הזה לא נצלול לשאלה איך Playwright מזהה כל אלמנט. העיקר שאפשר לקרוא את הרצף.

שומרים ומריצים

שמרו את הקוד בקובץ tests/login.spec.ts והריצו:

npx playwright test tests/login.spec.ts --headed

הדגל --headed מציג את הדפדפן, כדי שתראו את הבדיקה רצה.

תרגול

נסו בעצמכם