/* eslint-disable jest/no-export*/

/**
 * Internal dependencies
 */
const { merchant } = require('@woocommerce/e2e-utils');
const { lorem, helpers } = require("faker");

const runAddShippingClassesTest = () => {
	describe('Merchant can add shipping classes', () => {
		beforeAll(async () => {
			await merchant.login();

			// Go to Shipping Classes page
			await merchant.openSettings('shipping', 'classes');
		});

		it('can add shipping classes', async () => {
			const shippingClassSlug = {
				name: lorem.words(),
				slug: lorem.slug(),
				description: lorem.sentence()
			}
			const shippingClassNoSlug = {
				name: lorem.words(3),
				slug: '',
				description: lorem.sentence()
			}
			const shippingClasses = [shippingClassSlug, shippingClassNoSlug]

			// Add shipping classes
			for (const { name, slug, description } of shippingClasses) {
				await expect(page).toClick('.wc-shipping-class-add')
				await expect(page).toFill('.editing:last-child [data-attribute="name"]', name)
				await expect(page).toFill('.editing:last-child [data-attribute="slug"]', slug)
				await expect(page).toFill('.editing:last-child [data-attribute="description"]', description)
			}
			await expect(page).toClick('.wc-shipping-class-save')

			// Set the expected auto-generated slug
			shippingClassNoSlug.slug = helpers.slugify(shippingClassNoSlug.name)

			// Verify that the specified shipping classes were saved
			for (const { name, slug, description } of shippingClasses) {
				const row = await expect(page).toMatchElement('.wc-shipping-class-rows tr', { text: slug })

				await expect(row).toMatchElement('.wc-shipping-class-name', name)
				await expect(row).toMatchElement('.wc-shipping-class-description', description)
			}
		});
	});
};

module.exports = runAddShippingClassesTest;