An e2e testing tool with playwright within WordPress to swap your environment easily.
Must have WP CLI installed.
Currently don't install, download this from github, then copy and paste the swapEnvironment.js and swapBackEnvironment.js in your plugin root directory.
Then, Copy your wp-config.php file and place it in your plugin root directory like akismet/ and rename it with playwright-wp-config.php.
Add these line in playwright-wp-config.php
define( 'DB_NAME', 'change_it_to_test_db_name' );
define( 'DB_USER', 'root' );
define( 'DB_PASSWORD', '' );
define( 'DB_HOST', 'localhost' );
define( 'SITE_URL', 'your_site_url' ); // Like- https://test-wp.test
define( 'SITE_TITLE', 'Site_Name' ); // Like- Test WP Site
define( 'ADMIN_USERNAME', 'UserName' ); // This is not database username. This is login user name.
define( 'ADMIN_PASSWORD', 'Password' ); // This is not database password. This is login password.
define( 'ADMIN_EMAIL', '[email protected]' );
move swapEnvironment.js and swapBackEnvironment.js files to your plugins root folder.
Add these lines in playwright.config.js file within config section.
globalSetup: require.resolve( './swapEnvironment' ),
globalTeardown: require.resolve( './swapBackEnvironment' ),
This swapEnvironment.js file offers you some methods like-
dropDatabaseTables()- This will reset your test database.installWP()- This will refresh your WordPress installation.renameFile(src, dest)- This will rename file.readWpConfigFile()- This will read wp-config file and gives you defined values.
plugin_folder
|-----playwright.config.js
|-----playwright-wp-config.php
|-----swapEnvironment.js
|-----swapBackEnvironment.js
Still couldn't get how to use this package? Watch this- Video
If this package helps you anyway, please give me a Star ⭐ on Github.
That's it, enjoy 🎉.
Have a query? Email me