Typescript Migration: footer (#4031)

migrated chromedash-footer and its test file

client-src/elements/chromedash-footer.ts

@@ -1,6 +1,8 @@
-import {LitElement, html, css} from 'lit';
+import {LitElement, css, html} from 'lit';
+import {customElement} from 'lit/decorators.js';
 import {SHARED_STYLES} from '../css/shared-css.js';
 
+@customElement('chromedash-footer')
 export class ChromedashFooter extends LitElement {
   static get styles() {
     return [
@@ -79,5 +81,3 @@ export class ChromedashFooter extends LitElement {
     `;
   }
 }
-
-customElements.define('chromedash-footer', ChromedashFooter);

client-src/elements/chromedash-footer_test.ts

@@ -9,7 +9,7 @@ describe('chromedash-footer', () => {
     );
     assert.exists(component);
     assert.instanceOf(component, ChromedashFooter);
-    const footer = component.shadowRoot.querySelector('footer');
+    const footer = component.renderRoot.querySelector('footer');
     assert.exists(footer);
 
     const links = [