improve tests

Author: nielslyngsoe

packages/uui-input-password/lib/uui-input-password.element.ts

@@ -9,6 +9,7 @@ import { property, state } from 'lit/decorators.js';
 
 /**
  * @element uui-input-password
+ * @extends uui-input
  */
 @defineElement('uui-input-password')
 export class UUIInputPasswordElement extends UUIInputElement {

packages/uui-input-password/lib/uui-input-password.test.ts

@@ -1,6 +1,7 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUIInputPasswordElement } from './uui-input-password.element';
 import '.';
+import { UUIInputElement } from '@umbraco-ui/uui-input/lib/';
 
 describe('UUIInputPasswordElement', () => {
   let element: UUIInputPasswordElement;
@@ -15,6 +16,14 @@ describe('UUIInputPasswordElement', () => {
     await expect(element).shadowDom.to.be.accessible();
   });
 
+  it('is defined with its own instance', () => {
+    expect(element).to.be.instanceOf(UUIInputPasswordElement);
+  });
+
+  it('inherits from uui-input', () => {
+    expect(element).to.be.instanceOf(UUIInputElement);
+  });
+
   it('correctly toggles password type', async () => {
     element.type = 'password';
 

packages/uui-input/lib/uui-input.element.ts

@@ -43,7 +43,6 @@ export class UUIInputElement extends FormControlMixin(LitElement) {
         display: inline-flex;
         align-items: center;
         height: var(--uui-size-11);
-        font-size: 15px;
         text-align: left;
         box-sizing: border-box;
         background-color: var(

packages/uui-input/lib/uui-input.test.ts

@@ -22,6 +22,10 @@ describe('UuiInputElement', () => {
     await expect(element).shadowDom.to.be.accessible();
   });
 
+  it('is defined with its own instance', () => {
+    expect(element).to.be.instanceOf(UUIInputElement);
+  });
+
   describe('properties', () => {
     it('has a name property', () => {
       expect(element).to.have.property('name');