Add WYSIWIG for another case of camouflaged buttons/links

AppFolio-IM · Feb 24, 2023 · cdecb25 · cdecb25
1 parent 106b458
commit cdecb25
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/cypress/component/components.cy.jsx b/cypress/component/components.cy.jsx
@@ -41,12 +41,21 @@ describe('components', () => {
     cy.component(comp.BlockPanel, 'other label').should('not.exist');
   });
 
-  it('Button', () => {
-    cy.mount(<Button>some label</Button>);
-    cy.component(comp.Button).should('be.visible');
-    cy.component(comp.Button, 'some label');
-    cy.component(comp.Button, 'other label').should('not.exist');
-  });
+  context('Button', () => {
+    it('vanilla HTML', () => {
+      cy.mount(<Button>some label</Button>);
+      cy.component(comp.Button).should('be.visible');
+      cy.component(comp.Button, 'some label');
+      cy.component(comp.Button, 'other label').should('not.exist');
+    });
+
+    it('button-styled link', () => {
+      cy.mount(<a className="btn btn-secondary">some label</a>);
+      cy.component(comp.Button).should('be.visible');
+      cy.component(comp.Button, 'some label');
+      cy.component(comp.Button, 'other label').should('not.exist');
+    })
+  })
 
   it('Card', () => {
     cy.mount(

diff --git a/src/components.ts b/src/components.ts
@@ -18,8 +18,8 @@ export const BlockPanel: ComponentWithText = {
 
 export const Button: ComponentWithText = {
   name: 'Button',
-  query: 'button',
-  textQuery: 'button',
+  query: 'button,a.btn',
+  textQuery: 'button,a.btn',
 };
 
 export const Card: ComponentWithText = {