react-sdk/tests/e2e/MediaCo/embedded.spec.js at 59469f8c572dc9ca1b75c883dcf3f405eba74545 · pegasystems/react-sdk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
const { test } = require('@playwright/test');

const common = require('../../common');

test.beforeEach(common.launchEmbedded);

test.describe('E2E test', () => {
  test('Embedded: should launch, select a service plan and fill details', async ({ page }) => {
    const silverPlan = page.locator('button:has-text("shop now") >> nth=1');
    await silverPlan.click();

    const firstNameInput = page.locator('input[data-test-id="BC910F8BDF70F29374F496F05BE0330C"]');
    await firstNameInput.click();
    await firstNameInput.fill('John');

    const middleNameInput = page.locator('input[data-test-id="D3691D297D95C48EF1A2B7D6523EF3F0"]');
    await middleNameInput.click();
    await middleNameInput.fill('');

    const lastNameInput = page.locator('input[data-test-id="77587239BF4C54EA493C7033E1DBF636"]');
    await lastNameInput.click();
    await lastNameInput.fill('Doe');

    const suffix = page.locator('div[data-test-id="56E6DDD1CB6CEC596B433440DFB21C17"]');
    await suffix.locator('button[title="Open"]').click();
    await page.locator('li:has-text("Jr")').click();

    const emailInput = page.locator('input[data-test-id="CE8AE9DA5B7CD6C3DF2929543A9AF92D"]');
    await emailInput.click();
    await emailInput.fill('john@doe.com');

    await page.locator('button:has-text("next")').click();

    const streetInput = page.locator('input[data-test-id="D61EBDD8A0C0CD57C22455E9F0918C65"]');
    await streetInput.click();
    await streetInput.fill('Main St');

    await page.locator('button:has-text("previous")').click();

    await page.locator('h6:has-text("Customer Info")').click();

    await page.locator('button:has-text("next")').click();

    await page.locator('h6:has-text("Customer Address")').click();

    const cityInput = page.locator('input[data-test-id="57D056ED0984166336B7879C2AF3657F"]');
    await cityInput.click();
    await cityInput.fill('Cambridge');

    const state = page.locator('div[data-test-id="46A2A41CC6E552044816A2D04634545D"]');
    const stateSelector = state.locator('div[role="combobox"]');
    await stateSelector.click();
    await page.locator('li[data-value="MA"]').click();

    const postalCodeInput = page.locator('input[data-test-id="572ED696F21038E6CC6C86BB272A3222"]');
    await postalCodeInput.click();
    await postalCodeInput.fill('02142');

    const phone = page.locator('div[data-test-id="1F8261D17452A959E013666C5DF45E07"]');
    const countrySelector = phone.locator('button');
    await countrySelector.click();
    await page.locator('text=United States+1 >> nth=0').click();
    await common.enterPhoneNumber(phone, '6175551212');

    await page.locator('button:has-text("next")').click();

    const dataServiceBeginDate = page.locator('div[data-test-id="1321FA74451B96BC02663B0EF96CCBB9"]');
    const dataServiceBeginDateInput = dataServiceBeginDate.locator('input');
    await dataServiceBeginDateInput.click();
    const futureDate = common.getFutureDate();
    await dataServiceBeginDateInput.pressSequentially(futureDate);

    await page.locator('button:has-text("next")').click();

    await page.locator('button:has-text("submit")').click();

    await page.locator('text=Thanks for selecting a package with us. ').click();
  }, 10000);
});

test.afterEach(async ({ page }) => common.closePage(page));