/**
 * External dependencies
 */
const { HTTPClientFactory } = require( '@woocommerce/api' );
const {
	it,
	describe,
} = require( '@jest/globals' );
const deprecated = require( '@wordpress/deprecated' );

/**
 * Internal dependencies
 */
const {
	merchant,
	permalinkSettingsPageSaveChanges,
	setCheckbox,
	settingsPageSaveChanges,
	verifyCheckboxIsSet,
	verifyValueOfInputField
} = require( '@woocommerce/e2e-utils' );

const {
	getTestConfig,
	waitAndClick
} = require( '@woocommerce/e2e-environment' );

const runInitialStoreSettingsTest = () => {
	describe('Store owner can finish initial store setup', () => {
		beforeAll(async () => {
			await merchant.login();
		});

		it('can enable tax rates and calculations', async () => {
			deprecated( 'runInitialStoreSettingsTest', {
				alternative: '@woocommerce/admin-e2e-tests `testAdminBasicSetup()`',
			});
			// Go to general settings page
			await merchant.openSettings('general');

			// Make sure the general tab is active
			await expect(page).toMatchElement('a.nav-tab-active', {text: 'General'});

			// Enable tax rates and calculations
			await setCheckbox('#woocommerce_calc_taxes');

			await settingsPageSaveChanges();

			// Verify that settings have been saved
			await Promise.all([
				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
				verifyCheckboxIsSet('#woocommerce_calc_taxes'),
			]);
		});

		it('can configure permalink settings', async () => {
			// Go to Permalink Settings page
			await merchant.openPermalinkSettings();

			// Select "Post name" option in common settings section
			await page.click('input[value="/%postname%/"]', {text: ' Post name'});

			// Select "Custom base" in product permalinks section
			await waitAndClick( page, '#woocommerce_custom_selection' );

			// Fill custom base slug to use
			await expect(page).toFill('#woocommerce_permalink_structure', '/product/');

			await permalinkSettingsPageSaveChanges();

			// Verify that settings have been saved
			await Promise.all([
				expect(page).toMatchElement('#setting-error-settings_updated', {text: 'Permalink structure updated.'}),
				verifyValueOfInputField('#permalink_structure', '/%postname%/'),
				verifyValueOfInputField('#woocommerce_permalink_structure', '/product/'),
			]);
		});

		it( 'can use api with pretty permalinks', async () => {
			const testConfig = getTestConfig();
			const admin = testConfig.users.admin;
			const client = HTTPClientFactory.build( testConfig.url )
				.withBasicAuth( admin.username, admin.password )
				.withIndexPermalinks()
				.create();

			const response = await client.get( '/wc/v3/products' );
			expect( response.status ).toBe( 200 );
		});
	});
};

module.exports = runInitialStoreSettingsTest;