khaihihi

wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/utils/test/get-query.js

@@ -0,0 +1,142 @@
+/**
+ * Internal dependencies
+ */
+import getQuery from '../get-query';
+
+describe( 'getQuery', () => {
+	describe( 'per_page calculations', () => {
+		test( 'should set per_page as a result of row * col', () => {
+			let query = getQuery( {
+				columns: 4,
+				rows: 3,
+			} );
+			expect( query.per_page ).toBe( 12 );
+
+			query = getQuery( {
+				columns: 1,
+				rows: 3,
+			} );
+			expect( query.per_page ).toBe( 3 );
+
+			query = getQuery( {
+				columns: 4,
+				rows: 1,
+			} );
+			expect( query.per_page ).toBe( 4 );
+		} );
+
+		test( 'should restrict per_page to under 100', () => {
+			let query = getQuery( {
+				columns: 4,
+				rows: 30,
+			} );
+			expect( query.per_page ).toBe( 100 );
+
+			query = getQuery( {
+				columns: 3,
+				rows: 87,
+			} );
+			expect( query.per_page ).toBe( 99 );
+		} );
+	} );
+
+	describe( 'for different query orders', () => {
+		const attributes = {
+			columns: 4,
+			rows: 3,
+			orderby: 'date',
+		};
+		test( 'should order by date when using "date"', () => {
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'date' );
+			expect( query.order ).toBeUndefined();
+		} );
+
+		test( 'should order by price, DESC when "price_desc"', () => {
+			attributes.orderby = 'price_desc';
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'price' );
+			expect( query.order ).toBe( 'desc' );
+		} );
+
+		test( 'should order by price, ASC when "price_asc"', () => {
+			attributes.orderby = 'price_asc';
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'price' );
+			expect( query.order ).toBe( 'asc' );
+		} );
+
+		test( 'should order by title, ASC when "title"', () => {
+			attributes.orderby = 'title';
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'title' );
+			expect( query.order ).toBe( 'asc' );
+		} );
+
+		test( 'should order by menu_order, ASC when "menu_order"', () => {
+			attributes.orderby = 'menu_order';
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'menu_order' );
+			expect( query.order ).toBe( 'asc' );
+		} );
+
+		test( 'should order by popularity when "popularity"', () => {
+			attributes.orderby = 'popularity';
+			const query = getQuery( attributes );
+			expect( query.orderby ).toBe( 'popularity' );
+			expect( query.order ).toBeUndefined();
+		} );
+	} );
+
+	describe( 'for category queries', () => {
+		const attributes = {
+			columns: 4,
+			rows: 3,
+			orderby: 'date',
+		};
+		test( 'should return a general query with no category', () => {
+			const query = getQuery( attributes );
+			expect( query ).toEqual( {
+				catalog_visibility: 'visible',
+				orderby: 'date',
+				per_page: 12,
+				status: 'publish',
+			} );
+		} );
+
+		test( 'should return an empty category query', () => {
+			attributes.categories = [];
+			const query = getQuery( attributes );
+			expect( query ).toEqual( {
+				catalog_visibility: 'visible',
+				orderby: 'date',
+				per_page: 12,
+				status: 'publish',
+			} );
+		} );
+
+		test( 'should return a category query with one category', () => {
+			attributes.categories = [ 1 ];
+			const query = getQuery( attributes );
+			expect( query ).toEqual( {
+				catalog_visibility: 'visible',
+				category: '1',
+				orderby: 'date',
+				per_page: 12,
+				status: 'publish',
+			} );
+		} );
+
+		test( 'should return a category query with two categories', () => {
+			attributes.categories = [ 1, 2 ];
+			const query = getQuery( attributes );
+			expect( query ).toEqual( {
+				catalog_visibility: 'visible',
+				category: '1,2',
+				orderby: 'date',
+				per_page: 12,
+				status: 'publish',
+			} );
+		} );
+	} );
+} );

wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/utils/test/products.js

@@ -0,0 +1,84 @@
+/**
+ * Internal dependencies
+ */
+import { getImageSrcFromProduct, getImageIdFromProduct } from '../products';
+
+describe( 'getImageSrcFromProduct', () => {
+	test( 'returns first image src', () => {
+		const imageSrc = getImageSrcFromProduct( {
+			images: [ { src: 'foo.jpg' } ],
+		} );
+
+		expect( imageSrc ).toBe( 'foo.jpg' );
+	} );
+
+	test( 'returns empty string if no product was provided', () => {
+		const imageSrc = getImageSrcFromProduct();
+
+		expect( imageSrc ).toBe( '' );
+	} );
+
+	test( 'returns empty string if product is empty', () => {
+		const imageSrc = getImageSrcFromProduct( {} );
+
+		expect( imageSrc ).toBe( '' );
+	} );
+
+	test( 'returns empty string if product has no images', () => {
+		const imageSrc = getImageSrcFromProduct( { images: null } );
+
+		expect( imageSrc ).toBe( '' );
+	} );
+
+	test( 'returns empty string if product has 0 images', () => {
+		const imageSrc = getImageSrcFromProduct( { images: [] } );
+
+		expect( imageSrc ).toBe( '' );
+	} );
+
+	test( 'returns empty string if product image has no src attribute', () => {
+		const imageSrc = getImageSrcFromProduct( { images: [ {} ] } );
+
+		expect( imageSrc ).toBe( '' );
+	} );
+} );
+
+describe( 'getImageIdFromProduct', () => {
+	test( 'returns first image id', () => {
+		const imageUrl = getImageIdFromProduct( {
+			images: [ { id: 123 } ],
+		} );
+
+		expect( imageUrl ).toBe( 123 );
+	} );
+
+	test( 'returns 0 if no product was provided', () => {
+		const imageUrl = getImageIdFromProduct();
+
+		expect( imageUrl ).toBe( 0 );
+	} );
+
+	test( 'returns 0 if product is empty', () => {
+		const imageUrl = getImageIdFromProduct( {} );
+
+		expect( imageUrl ).toBe( 0 );
+	} );
+
+	test( 'returns 0 if product has no images', () => {
+		const imageUrl = getImageIdFromProduct( { images: null } );
+
+		expect( imageUrl ).toBe( 0 );
+	} );
+
+	test( 'returns 0 if product has 0 images', () => {
+		const imageUrl = getImageIdFromProduct( { images: [] } );
+
+		expect( imageUrl ).toBe( 0 );
+	} );
+
+	test( 'returns 0 if product image has no src attribute', () => {
+		const imageUrl = getImageIdFromProduct( { images: [ {} ] } );
+
+		expect( imageUrl ).toBe( 0 );
+	} );
+} );