Playwright testing Enso 101, exercise 2 #13951
+266
−0
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,221 @@ | ||
| /** @file A series of tests designed for testing 'Getting Started with Enso Analytics'. */ | ||
|
|
||
| import { expect } from 'playwright/test' | ||
| import { | ||
| closeWelcome, | ||
| createComponentText, | ||
| createNewProject, | ||
| fillText, | ||
| loginAsTestUser, | ||
| test, | ||
| visualizeData, | ||
| } from './electronTest' | ||
|
|
||
| // First excercise in Enso Analytics 101 | ||
| test('Exercise 2', async ({ page }) => { | ||
| await loginAsTestUser(page) | ||
| await closeWelcome(page) | ||
|
|
||
| // ---------------- Objective 1 ---------------- | ||
| await test.step('Objective 1: Let’s read a single sheet in from Excel', async () => { | ||
| await createNewProject(page) | ||
|
|
||
| // Close documentation | ||
| await page.getByRole('tab', { name: 'Documentation' }).click() | ||
|
|
||
| const addComponent = page.getByLabel('Add Component (Enter)') | ||
| await expect(addComponent).toBeVisible() | ||
| await addComponent.click() | ||
|
|
||
| const dataReadEntry = page.locator('.ComponentEntry', { hasText: /^Data\.read$/ }) | ||
| await expect(dataReadEntry).toBeVisible() | ||
| await dataReadEntry.click() | ||
|
|
||
| // Fill in the url | ||
| await fillText(page, 'path‘‘', 'Samples/Data/sample_bank_data.xlsx') | ||
|
|
||
| await Promise.race([ | ||
| page.getByLabel('Show visualization (Space)').waitFor({ state: 'visible', timeout: 5000 }), | ||
| page | ||
| .getByText(/file not found/i) | ||
| .waitFor({ state: 'visible', timeout: 5000 }) | ||
| .catch(() => null), | ||
| ]) | ||
|
|
||
| await visualizeData(page) | ||
|
|
||
| // Choosing the first sheet | ||
| const sheet1 = await page.getByText('Sheet1') | ||
| await expect(sheet1).toBeVisible() | ||
| await sheet1.dblclick() | ||
|
|
||
| await visualizeData(page) | ||
| }) | ||
|
|
||
| // ---------------- Objective 2 ---------------- | ||
| await test.step('Objective 2: Aggregating and ranking Account Type', async () => { | ||
| // Decrease zoom | ||
| await page.getByLabel('Decrease Zoom').click() | ||
|
|
||
| // Adding aggregate component | ||
| await createComponentText(page, 'readquery‘Sheet1’') | ||
| await page.locator('.ComponentEntry', { hasText: 'aggregate' }).click() | ||
|
|
||
| // Choosing parameters | ||
| const groupBy = page.getByText('group_by', { exact: true }) | ||
|
|
||
| // Ensuring 'plus' is visible, to avoid clicking too early | ||
| await expect(page.locator('div').getByLabel('Add a new item').last()).toBeVisible() | ||
| await groupBy.click() | ||
|
|
||
| const productBtn = page.getByRole('button', { name: 'product_name', exact: true }) | ||
|
|
||
| // If dropdown menu doesn't open, click groupBy again to avoid test flakyness | ||
| if (!(await productBtn.isVisible())) { | ||
| await groupBy.click() | ||
| } | ||
|
Comment on lines
+73
to
+76
Contributor
There was a problem hiding this comment. I don’t think we avoid a flaky test here. Why does it not work on the first attempt? Perhaps we can wait for some visual indication that it is ready? Or is there some bug that prevents it from working? |
||
| await productBtn.isVisible() | ||
| await productBtn.click() | ||
|
|
||
| // Close the dropdown | ||
| await page.getByText('aggregate').click() | ||
|
|
||
| // Click the plus | ||
| await page | ||
| .locator('div.WidgetTopLevelArgument', { hasText: 'columns' }) | ||
| .getByRole('list') | ||
| .filter({ hasText: /^$/ }) | ||
| .getByLabel('Add a new item') | ||
| .click() | ||
|
Comment on lines
+84
to
+89
Contributor
There was a problem hiding this comment. There are three repetitions of this action; let’s extract it to a function. |
||
|
|
||
| // Visualize and assert the result | ||
| await visualizeData(page) | ||
| await expect(page.getByText('1026')).toBeVisible() | ||
|
|
||
| // Adding sort component | ||
| await createComponentText(page, 'aggregate') | ||
| await page.locator('.ComponentEntry', { hasText: 'sort' }).click() | ||
|
|
||
| // Click the plus | ||
| await page | ||
| .locator('div.WidgetTopLevelArgument', { hasText: 'columns' }) | ||
| .nth(1) | ||
| .getByRole('list') | ||
| .filter({ hasText: /^$/ }) | ||
| .getByLabel('Add a new item') | ||
| .click() | ||
|
|
||
| // Choosing parameters | ||
| await page | ||
| .locator('div') | ||
| .filter({ hasText: /^‘product_name’$/ }) | ||
| .nth(4) | ||
| .click() | ||
| await page.getByRole('button', { name: 'Count', exact: true }).click() | ||
|
|
||
| await page.getByText('direction', { exact: true }).click() | ||
| await page.getByRole('button', { name: '..Descending', exact: true }).click() | ||
|
|
||
| await visualizeData(page) | ||
| }) | ||
|
|
||
| // ---------------- Objective 3 ---------------- | ||
| await test.step('Objective 3: Create table of currencies by product names', async () => { | ||
| // Scroll into view | ||
| await page.mouse.wheel(0, -200) | ||
|
|
||
| // Creating cross_tab component | ||
| const readComponent = page.getByText('read', { exact: true }).nth(2) | ||
| await readComponent.click({ button: 'right' }) | ||
|
|
||
| await page.keyboard.press('Enter') | ||
| await page.locator('.ComponentEntry', { hasText: 'cross_tab' }).click() | ||
|
|
||
| // Choosing the right parameters | ||
| const crossGroup = await page.getByText('group_by', { exact: true }).nth(1) | ||
|
|
||
| // Ensuring 'plus' is visible, to avoid clicking too early | ||
| await expect(page.locator('div').getByLabel('Add a new item').last()).toBeVisible() | ||
| await crossGroup.click() | ||
| await page.getByRole('button', { name: 'product_name', exact: true }).click() | ||
|
|
||
| await page.locator('.WidgetSelection.clickable').filter({ hasText: 'names' }).click() | ||
| const curRCode = page.getByRole('button', { name: 'currency_code' }).first() | ||
| await expect(curRCode).toBeVisible() | ||
| await curRCode.click() | ||
|
|
||
| await page.getByText('values', { exact: true }).click() | ||
| await page.getByRole('button', { name: '..Count_Distinct', exact: true }).click() | ||
|
|
||
| // Click the plus and select argument | ||
| const plus = page | ||
| .locator('div.WidgetTopLevelArgument', { hasText: 'columns' }) | ||
| .getByRole('list') | ||
| .filter({ hasText: /^$/ }) | ||
| .getByLabel('Add a new item') | ||
| await expect(plus).toBeVisible() | ||
| await plus.click() | ||
| await page.getByRole('button', { name: 'account_id', exact: true }).click() | ||
|
|
||
| await visualizeData(page) | ||
|
|
||
| // Move cross_tab a bit down for more clearance | ||
| const crossTab = page.getByText('cross_tab') | ||
|
|
||
| await crossTab.hover() | ||
| await page.mouse.down() | ||
| const box = await crossTab.boundingBox() | ||
| if (box) { | ||
| await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2 + 200) | ||
| } | ||
| await page.mouse.up() | ||
|
Comment on lines
+165
to
+171
Contributor
There was a problem hiding this comment. There is an easier way to do dragging. Check out function moveNode(page: Page, binding: string, relativePos: RelativePos) {
return grabNode(page, binding).dragTo(grabNode(page, relativePos.relativeTo ?? binding), {
force: true,
targetPosition: relativePos,
})
}
|
||
| }) | ||
|
|
||
| // ---------------- Objective 4 ---------------- | ||
| await test.step('Objective 4: Fixing Dirty Data', async () => { | ||
| // Scroll into view | ||
| await page.mouse.wheel(0, -200) | ||
|
|
||
| // Creating set component | ||
| const readComponent = page.getByText('read', { exact: true }).nth(2) | ||
| await readComponent.click({ button: 'right' }) | ||
|
|
||
| await page.keyboard.press('Enter') | ||
| await page.locator('.ComponentEntry', { hasText: 'set' }).click() | ||
|
|
||
| // Choosing right parameters | ||
| await page.getByText('value', { exact: true }).click() | ||
| await page.getByRole('button', { name: '<Simple Expression>', exact: true }).click() | ||
|
|
||
| await page.getByText('input', { exact: true }).click() | ||
| await page.getByRole('button', { name: 'currency_code', exact: true }).click() | ||
|
|
||
| await page.getByText('operation', { exact: true }).click() | ||
| await page.getByRole('button', { name: 'if', exact: true }).click() | ||
|
|
||
| await page.getByText('condition', { exact: true }).click() | ||
| await page.getByRole('button', { name: '..Equal', exact: true }).click() | ||
|
|
||
| await page.locator('.WidgetSelection.clickable').filter({ hasText: /^to$/ }).click() | ||
| await page.getByRole('button', { name: '<Text Value>' }).click() | ||
|
|
||
| // Write in the textbox | ||
| await fillText(page, '..Equal“”', 'G') | ||
|
|
||
| await page.getByText('true_value', { exact: true }).click() | ||
| await page.getByRole('button', { name: '<Text Value>', exact: true }).click() | ||
|
|
||
| // // Write in the textbox | ||
| await fillText(page, '..If(..Equal“G”)“”', 'GBP') | ||
|
|
||
| await page.getByText('false_value', { exact: true }).click() | ||
| const option = page.getByRole('button', { name: 'currency_code', exact: true }) | ||
| await option.hover() | ||
| await option.click() | ||
|
|
||
| // Write in the textbox | ||
| await fillText(page, 'as“”', 'currency_code') | ||
| await visualizeData(page) | ||
| await expect(page.getByText('191')).toBeVisible() | ||
| }) | ||
| }) | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
also
excercise->exercise