Add files via upload

cse110-sp24-group31 · Jun 1, 2024 · d12b8fa · d12b8fa
1 parent 64b793e
commit d12b8fa
Show file tree

Hide file tree

Showing 2 changed files with 254 additions and 0 deletions.
diff --git a/__tests__/contact-page.e2e.test.js b/__tests__/contact-page.e2e.test.js
@@ -0,0 +1,172 @@
+const puppeteer = require('puppeteer');
+
+describe('E2E test: contact management', () => {
+  let browser;
+  let page;
+
+  beforeAll(async () => {
+    browser = await puppeteer.launch({
+      headless: false,
+      args: ['--start-maximized']
+    });
+    page = await browser.newPage();
+    await page.setViewport({ width: 1920, height: 1080 });
+    await page.goto('http://127.0.0.1:5501/');
+    // Click the "Contacts" link
+    await page.click('.nav-links a:nth-child(3)');
+  });
+
+  afterAll(async () => {
+    await browser.close();
+  });
+
+  it('should create, delete, and create multiple contacts', async () => {
+    // Create a new contact
+    await page.type('input[name="name"]', 'John Doe');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '123-456-7890');
+    await page.click('#avatar-options img:nth-child(1)'); // Select the first avatar
+    await page.click('form input[type="submit"]');
+
+    // Verify the new contact is added
+    let contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'John Doe')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact).not.toBeNull();
+
+    // Delete the contact
+    const deleteButton = await page.evaluateHandle(() => {
+      return document.evaluate("//h2[contains(text(), 'John Doe')]/following-sibling::button[contains(text(), 'Delete')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+
+    page.on('dialog', async dialog => {
+      await dialog.accept(); // Accept the confirmation dialog
+    });
+
+    await deleteButton.asElement().click();
+
+    // Verify the contact is deleted
+    contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'John Doe')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact).toBeNull();
+
+    // Create the first new contact
+    await page.type('input[name="name"]', 'Alice Smith');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '234-567-8901');
+    await page.click('#avatar-options img:nth-child(2)'); // Select the second avatar
+    await page.click('form input[type="submit"]');
+
+    // Verify the first new contact is added
+    let contact1 = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Alice Smith')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact1).not.toBeNull();
+
+    // Create the second new contact
+    await page.type('input[name="name"]', 'Bob Johnson');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '345-678-9012');
+    await page.click('#avatar-options img:nth-child(3)'); // Select the third avatar
+    await page.click('form input[type="submit"]');
+
+    // Verify the second new contact is added
+    let contact2 = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Bob Johnson')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact2).not.toBeNull();
+  });
+
+  it('should edit an existing contact', async () => {
+    // Locate and click edit button for the contact
+    const editButton = await page.evaluateHandle(() => {
+      return document.evaluate("//h2[contains(text(), 'Alice Smith')]/following-sibling::button[contains(text(), 'Edit')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    await editButton.asElement().click();
+
+    // Clear and edit the name field
+    await page.evaluate(() => {
+      document.getElementById('edit-name').value = '';
+    });
+    await page.type('input#edit-name', 'Alice Johnson');
+
+    // Click the save button
+    const saveButton = await page.evaluateHandle(() => {
+      return document.evaluate("//button[contains(text(), 'Save')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    await saveButton.asElement().click();
+
+    // Verify the contact name is updated
+    const updatedContact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Alice Johnson')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(updatedContact).not.toBeNull();
+  });
+});
+
+describe('E2E test: create contacts for each category', () => {
+  let browser;
+  let page;
+
+  beforeAll(async () => {
+    browser = await puppeteer.launch({
+      headless: false,
+      args: ['--start-maximized']
+    });
+    page = await browser.newPage();
+    await page.setViewport({ width: 1920, height: 1080 });
+    await page.goto('http://127.0.0.1:5501/');
+    // Click the "Contacts" link
+    await page.click('.nav-links a:nth-child(3)');
+  });
+
+  afterAll(async () => {
+    await browser.close();
+  });
+
+  it('should create a contact for Team Leads', async () => {
+    await page.type('input[name="name"]', 'Team Lead');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '111-111-1111');
+    await page.click('#avatar-options img:nth-child(1)'); // Select the first avatar for Team Leads
+    await page.click('form input[type="submit"]');
+
+    // Verify the contact is added
+    const contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Team Lead')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    console.log('Contact Team Lead created:', contact !== null);
+    expect(contact).not.toBeNull();
+  });
+
+  it('should create a contact for Planners', async () => {
+    await page.type('input[name="name"]', 'Planner');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '222-222-2222');
+    await page.click('#avatar-options img:nth-child(2)'); // Select the second avatar for Planners
+    await page.click('form input[type="submit"]');
+
+    // Verify the contact is added
+    const contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Planner')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    console.log('Contact Planner created:', contact !== null);
+    expect(contact).not.toBeNull();
+  });
+
+  it('should create a contact for Programmers', async () => {
+    await page.type('input[name="name"]', 'Programmer');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '333-333-3333');
+    await page.click('#avatar-options img:nth-child(3)'); // Select the third avatar for Programmers
+    await page.click('form input[type="submit"]');
+
+    // Verify the contact is added
+    const contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Programmer')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    console.log('Contact Programmer created:', contact !== null);
+    expect(contact).not.toBeNull();
+  });
+});
diff --git a/__tests__/contact-page.test.js b/__tests__/contact-page.test.js
@@ -0,0 +1,82 @@
+const puppeteer = require('puppeteer');
+
+describe('Unit test: contact management', () => {
+  let browser;
+  let page;
+
+  beforeAll(async () => {
+    browser = await puppeteer.launch({
+      headless: false,
+      args: ['--start-maximized']
+    });
+    page = await browser.newPage();
+    await page.setViewport({ width: 1920, height: 1080 });
+    await page.goto('http://127.0.0.1:5501/');
+    // Click the "Contacts" link
+    await page.click('.nav-links a:nth-child(3)');
+  });
+
+  afterAll(async () => {
+    await browser.close();
+  });
+
+  it('should create a new contact', async () => {
+    await page.type('input[name="name"]', 'Jane Doe');
+    await page.type('input[name="email"]', '[email protected]');
+    await page.type('input[name="phone"]', '123-456-7890');
+    // Select an avatar
+    await page.click('#avatar-options img:nth-child(1)'); // Select the first avatar
+    await page.click('form input[type="submit"]');
+
+    // Verify the new contact is added
+    const contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Jane Doe')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact).not.toBeNull();
+  });
+
+  it('should edit an existing contact', async () => {
+    // Locate and click edit button for the contact
+    const editButton = await page.evaluateHandle(() => {
+      return document.evaluate("//h2[contains(text(), 'Jane Doe')]/following-sibling::button[contains(text(), 'Edit')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    await editButton.asElement().click();
+
+    // Clear and edit the name field
+    await page.evaluate(() => {
+      document.getElementById('edit-name').value = '';
+    });
+    await page.type('input#edit-name', 'Jane Smith');
+
+    // Click the save button
+    const saveButton = await page.evaluateHandle(() => {
+      return document.evaluate("//button[contains(text(), 'Save')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    await saveButton.asElement().click();
+
+    // Verify the contact name is updated
+    const updatedContact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Jane Smith')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(updatedContact).not.toBeNull();
+  });
+
+  it('should delete an existing contact', async () => {
+    // Locate and click delete button for the contact
+    const deleteButton = await page.evaluateHandle(() => {
+      return document.evaluate("//h2[contains(text(), 'Jane Smith')]/following-sibling::button[contains(text(), 'Delete')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+
+    page.on('dialog', async dialog => {
+      await dialog.accept(); // Accept the confirmation dialog
+    });
+
+    await deleteButton.asElement().click();
+
+    // Verify the contact is deleted
+    const contact = await page.evaluate(() => {
+      return document.evaluate("//h2[contains(text(), 'Jane Smith')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    });
+    expect(contact).toBeNull();
+  });
+});