e2e test - zoom plot (#8370)

Verify that plot zoom works.

### QA Notes

@:web @:win @:plots

- [x] default play button based on defined
- [ ] await for plot before timeout? 
- [ ] uncomment R (and put it under the R tests)
- [x] {language} - {description}
- [ ] UI that gives away that the plot has actually loaded (since
relying on element doesn't work)

---------

Signed-off-by: Austin Dickey <austin3spammy@gmail.com>
Signed-off-by: Wasim Lorgat <mwlorgat@gmail.com>
Signed-off-by: Wes McKinney <wesm@apache.org>
Signed-off-by: Rodrigo Silva Ferreira <129895386+rodrigosf672@users.noreply.github.com>
Co-authored-by: Tom Mock <j.thomasmock@gmail.com>
Co-authored-by: Isabel Zimmerman <54685329+isabelizimm@users.noreply.github.com>
Co-authored-by: Jonathan <jonathan@rstudio.com>
Co-authored-by: posit-jenkins-enterprise[bot] <203673010+posit-jenkins-enterprise[bot]@users.noreply.github.com>
Co-authored-by: Austin Dickey <austin3spammy@gmail.com>
Co-authored-by: positron-bot[bot] <173392469+positron-bot[bot]@users.noreply.github.com>
Co-authored-by: Joe Cheng <joe@posit.co>
Co-authored-by: Nick Strayer <nick.strayer@posit.co>
Co-authored-by: Marie Idleman <marie.idleman@posit.co>
Co-authored-by: Davis Vaughan <davis@rstudio.com>
Co-authored-by: Christopher Mead <chrisrmead@comcast.net>
Co-authored-by: Brian Lambert <brianlambert@gmail.com>
Co-authored-by: Wasim Lorgat <mwlorgat@gmail.com>
Co-authored-by: Sam Clark <samclark2015@users.noreply.github.com>
Co-authored-by: Matthew Lynch <matthew.lynch@posit.co>
Co-authored-by: sharon <sharon-wang@users.noreply.github.com>
Co-authored-by: Tim Mok <timtmok@users.noreply.github.com>
Co-authored-by: Jon Vanausdeln <jon.vanausdeln@posit.co>
Co-authored-by: Melissa Barca <5323711+melissa-barca@users.noreply.github.com>
Co-authored-by: Wes McKinney <wes@posit.co>

Author: 21 people

test/e2e/tests/plots/plots.test.ts

@@ -281,6 +281,44 @@ test.describe('Plots', { tag: [tags.PLOTS, tags.EDITOR] }, () => {
 			const data = await resembleCompareImages(bufferAfterZoom, bufferBeforeZoom, options);
 			expect(data.rawMisMatchPercentage).toBeGreaterThan(0.0);
 		});
+
+		test('Python - Verify Plot Zoom works (Fit vs. 200%)', async function ({ app, contextMenu, openFile, python, page }, testInfo) {
+			await openFile(path.join('workspaces', 'python-plots', 'matplotlib-zoom-example.py'));
+			await test.step('Run Python File in Console', async () => {
+				await app.workbench.editor.playButton.click();
+				await app.workbench.plots.waitForCurrentPlot();
+			});
+			const imgLocator = page.getByRole('img', { name: /%run/ });
+			await contextMenu.triggerAndClick({
+				menuTrigger: page.getByLabel('Fit'),
+				menuItemLabel: 'Fit'
+			});
+			await page.waitForTimeout(300);
+			const bufferFit1 = await imgLocator.screenshot();
+			await contextMenu.triggerAndClick({
+				menuTrigger: page.getByLabel('Fit'),
+				menuItemLabel: '200%'
+			});
+			await page.waitForTimeout(2000);
+			const bufferZoom = await imgLocator.screenshot();
+			// Compare: Fit vs 200%
+			const resultZoom = await resembleCompareImages(bufferFit1, bufferZoom, options);
+			await testInfo.attach('fit-vs-zoom', {
+				body: resultZoom.getBuffer(true),
+				contentType: 'image/png'
+			});
+			expect(resultZoom.rawMisMatchPercentage).toBeGreaterThan(2); // should be large diff
+			await contextMenu.triggerAndClick({
+				menuTrigger: page.getByLabel('200%'),
+				menuItemLabel: 'Fit'
+			});
+			await page.waitForTimeout(2000);
+			const bufferFit2 = await imgLocator.screenshot();
+			// Compare: Fit vs Fit again
+			const resultBack = await resembleCompareImages(bufferFit1, bufferFit2, options);
+			expect(resultBack.rawMisMatchPercentage).toBeLessThan(0.5); // should be small diff
+		});
+
 	});
 
 	test.describe('R Plots', {