add cypress test for list component

TykTechnologies · Oct 20, 2023 · 4acdcb2 · 4acdcb2
1 parent 0239331
commit 4acdcb2
Showing 1 changed file with 24 additions and 3 deletions.
diff --git a/src/components/List/List.test.js b/src/components/List/List.test.js
@@ -1,7 +1,28 @@
+import React from 'react';
 import List from './index';
 
 describe('List', () => {
-  it('TODO', () => {
-    expect(true).to.equal(true);
+  it('test list is rendered with items in primary theme', () => {
+    cy.mount(
+      <List
+        theme="primary-light"
+        label="LABEL"
+      >
+        <List.Item>Alpha</List.Item>
+        <List.Item>Bravo</List.Item>
+        <List.Item>Charlie</List.Item>
+        <List.Item>Delta</List.Item>
+      </List>
+    )
+
+    cy.get('.tyk-list__wrapper')
+      .get('ul')
+      .should('have.class', 'tyk-list')
+
+    cy.contains("LABEL").should('exist');
+    cy.contains("Alpha").should('exist');
+    cy.contains("Bravo").should('exist');
+    cy.contains("Charlie").should('exist');
+    cy.contains("Delta").should('exist');
   });
-});
+});