Add unit tests for SiteScanSourcesList component

Author: delawski

assets/src/components/site-scan-results/test/site-scan-sources-list.js

@@ -0,0 +1,120 @@
+/**
+ * External dependencies
+ */
+import { act } from 'react-dom/test-utils';
+
+/**
+ * WordPress dependencies
+ */
+import { render } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { SiteScanSourcesList } from '../site-scan-sources-list';
+
+let container;
+
+describe( 'SiteScanSourcesList', () => {
+	beforeEach( () => {
+		container = document.createElement( 'div' );
+		document.body.appendChild( container );
+	} );
+
+	afterEach( () => {
+		document.body.removeChild( container );
+		container = null;
+	} );
+
+	it( 'renders a loading spinner if no sources are provided', () => {
+		act( () => {
+			render(
+				<SiteScanSourcesList sources={ [] } />,
+				container,
+			);
+		} );
+
+		expect( container.querySelector( '.amp-spinner-container' ) ).not.toBeNull();
+	} );
+
+	it( 'renders the correct number of sources', () => {
+		act( () => {
+			render(
+				<SiteScanSourcesList
+					sources={ [
+						{ slug: 'foo' },
+						{ slug: 'bar' },
+					] }
+				/>,
+				container,
+			);
+		} );
+
+		expect( container.querySelectorAll( 'li' ) ).toHaveLength( 2 );
+	} );
+
+	it( 'renders active source properties', () => {
+		act( () => {
+			render(
+				<SiteScanSourcesList
+					sources={ [ {
+						author: 'John Doe',
+						name: 'Source name',
+						slug: 'Source slug',
+						status: 'active',
+						version: '1.0.0',
+					} ] }
+				/>,
+				container,
+			);
+		} );
+
+		expect( container.querySelector( '.site-scan-results__source-name' ).textContent ).toBe( 'Source name' );
+		expect( container.querySelector( '.site-scan-results__source-author' ).textContent ).toBe( 'by John Doe' );
+		expect( container.querySelector( '.site-scan-results__source-version' ).textContent ).toBe( 'Version 1.0.0' );
+	} );
+
+	it( 'renders inactive source properties', () => {
+		act( () => {
+			render(
+				<SiteScanSourcesList
+					inactiveSourceNotice="Source is inactive"
+					sources={ [ {
+						author: 'John Doe',
+						name: 'Source name',
+						slug: 'Source slug',
+						status: 'inactive',
+						version: '1.0.0',
+					} ] }
+				/>,
+				container,
+			);
+		} );
+
+		expect( container.querySelector( '.site-scan-results__source-name' ).textContent ).toBe( 'Source name' );
+		expect( container.querySelector( '.site-scan-results__source-notice' ).textContent ).toBe( 'Source is inactive' );
+		expect( container.querySelector( '.site-scan-results__source-author' ) ).toBeNull();
+		expect( container.querySelector( '.site-scan-results__source-version' ) ).toBeNull();
+	} );
+
+	it( 'renders uninstalled source properties', () => {
+		act( () => {
+			render(
+				<SiteScanSourcesList
+					uninstalledSourceNotice="Source is uninstalled"
+					sources={ [ {
+						slug: 'Source slug',
+						status: 'uninstalled',
+					} ] }
+				/>,
+				container,
+			);
+		} );
+
+		expect( container.querySelector( '.site-scan-results__source-slug' ).textContent ).toBe( 'Source slug' );
+		expect( container.querySelector( '.site-scan-results__source-notice' ).textContent ).toBe( 'Source is uninstalled' );
+		expect( container.querySelector( '.site-scan-results__source-name' ) ).toBeNull();
+		expect( container.querySelector( '.site-scan-results__source-author' ) ).toBeNull();
+		expect( container.querySelector( '.site-scan-results__source-version' ) ).toBeNull();
+	} );
+} );