Add updater snapshot

Author: Mario Aguiar

plugin/tests/js/settings/components/integrations/__snapshots__/updater.test.js.snap

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Settings: Updater matches snapshot 1`] = `
+<div>
+  <div
+    class="material-settings__updater"
+  >
+    <div
+      class="mdc-layout-grid"
+    >
+      <div
+        class="mdc-layout-grid__inner"
+      >
+        <div
+          class="mdc-layout-grid__cell mdc-layout-grid__cell--span-7 mdc-layout-grid__cell--align-middle"
+        >
+          <h3
+            class="mdc-typography--headline6"
+          >
+            Google Fonts
+          </h3>
+          <p
+            class="mdc-typography--body1"
+          >
+            To enable Google Fonts updates please 
+            <a
+              href="https://developers.google.com/fonts/docs/developer_api#APIKey"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              activate Google API Key
+            </a>
+             first
+          </p>
+        </div>
+        <div
+          class="mdc-layout-grid__cell mdc-layout-grid__cell--span-3 mdc-layout-grid__cell--align-middle material-settings__cell--justify-end"
+        />
+        <div
+          class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--align-middle material-settings__cell--justify-end"
+        >
+          <div
+            class="material-settings__message material-settings__message--error"
+          >
+            <i
+              aria-hidden="true"
+              class="material-icons mdc-button__icon leading-icon"
+            >
+              error
+            </i>
+            <span
+              class="material-settings__message-text"
+            >
+              Updates disabled
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

plugin/tests/js/settings/components/integrations/updater.test.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * External dependencies
+ */
+import '@testing-library/jest-dom/extend-expect';
+import { render } from '@testing-library/react';
+
+/**
+ * Internal dependencies
+ */
+import Updater from '../../../../../assets/src/settings/components/integrations/updater';
+import { SettingsProvider } from '../../../../../assets/src/settings/context';
+
+const baseProps = {
+	title: 'Google Fonts',
+	type: 'FONTS',
+	lastUpdated: parseInt( Date.now(), 10 ),
+	needsKey: true,
+	checked: true,
+};
+
+const setup = props => {
+	return render(
+		<SettingsProvider>
+			<Updater { ...props } />
+		</SettingsProvider>
+	);
+};
+
+describe( 'Settings: Updater', () => {
+	it( 'matches snapshot', () => {
+		const { container } = setup( baseProps );
+		expect( container ).toMatchSnapshot();
+	} );
+} );