E2E testing on multiple WordPress versions

[t-hamano]

In my plugins, I have Puppeteer E2E tests available for roughly three major versions for backward compatibility. I am struggling because selectors, labels, and expected snapshots change in different versions of WordPress.

As far as I could find, I could not find an API to get the WordPress version, so I created the following function to detect the version number from the body tag:

export const getWpVersion = async () => {
	const body = await page.$$( 'body' );
	const bodyClassNames = await ( await body[ 0 ].getProperty( 'className' ) ).jsonValue();
	const matches = bodyClassNames.match( /branch-([0-9]*-*[0-9])/ );
	return matches?.[ 1 ];
};

And as shown below, I have changed the behavior depending on the version:

it( 'XXX', async () => {
	const wpVersion = await getWpVersion();

	// ...
	const label = [ '6-1', '6-2' ].includes( wpVersion )
		? 'Label of WordPress 6.1 and 6.2'
		: 'Label of other versions';

	// ...

	const snapShot = [ '6-1', '6-2' ].includes( wpVersion )
		? `Snapshots of WordPress 6.1 and 6.2`
		: `Snapshots of other versions`;

	expect( await getEditedPostContent() ).toBe( snapShot );
} );

If you have a more reasonable approach to these situations, I would love to hear about it.