diff --git a/e2e/chart.spec.ts b/e2e/chart.spec.ts index 9f824d87..7f3e81a4 100644 --- a/e2e/chart.spec.ts +++ b/e2e/chart.spec.ts @@ -37,4 +37,31 @@ test.describe('Chart', () => { .locator('#plotConfigSelect'), ).toHaveValue('default'); }); + + test('Plot configurator', async ({ page }) => { + await Promise.all([ + page.goto('/graph'), + page.waitForResponse('**/whitelist'), + page.waitForResponse('**/blacklist'), + ]); + + // Wait for the chart to load + await page.waitForSelector('span:has-text("NoActionStrategyFut | 1m")'); + + await page.getByRole('button', { name: 'Plot configurator' }).click(); + await page.getByRole('button', { name: 'Indicator from template' }).click(); + // Apply bollinger bands + await page.getByLabel('Select Templates').selectOption('BollingerBands'); + // Select template - Try to use + await page.getByRole('button', { name: 'Use Template' }).click(); + // Accept remapping and close + await page.getByRole('button', { name: 'Apply Template' }).click(); + await page.getByRole('button', { name: 'Save' }).click(); + // Close Plot configurator + await page.getByRole('button', { name: 'Plot configurator' }).click(); + + await expect(page.locator('canvas')).toHaveScreenshot('Chart-Plot-with_BollingerBands.png'); + // Should assert if indicators have been set + // but it's a canvas ... + }); }); diff --git a/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-chromium-linux.png b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-chromium-linux.png new file mode 100644 index 00000000..f8c77e38 Binary files /dev/null and b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-chromium-linux.png differ diff --git a/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-firefox-linux.png b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-firefox-linux.png new file mode 100644 index 00000000..b6c6811a Binary files /dev/null and b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-firefox-linux.png differ diff --git a/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-msedge-linux.png b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-msedge-linux.png new file mode 100644 index 00000000..b6c6811a Binary files /dev/null and b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-msedge-linux.png differ diff --git a/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-webkit-linux.png b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-webkit-linux.png new file mode 100644 index 00000000..b6c6811a Binary files /dev/null and b/e2e/chart.spec.ts-snapshots/Chart-Plot-with-BollingerBands-webkit-linux.png differ