fix: support assymmetric matchers for property validations - fixes #1494

Author: christian-bromann

src/matchers/element/toHaveElementProperty.ts

@@ -25,7 +25,7 @@ async function condition(
         return { result: true, value: prop }
     }
 
-    if (!(value instanceof RegExp) && (typeof value !== 'string' || (typeof prop !== 'string' && !asString))) {
+    if (!(value instanceof RegExp) && typeof prop !== 'string' && !asString) {
         return { result: prop === value, value: prop }
     }
 

test/matchers/element/toHaveElementProperty.test.ts

@@ -33,6 +33,18 @@ describe('toHaveElementProperty', () => {
         })
     })
 
+    test('assymeric match', async () => {
+        const el: any = await $('sel')
+        el._value = function (): string {
+            return 'iphone'
+        }
+
+        console.log(el);
+
+        const result = await toHaveElementProperty.call({}, el, 'property', expect.stringContaining('phone'))
+        expect(result.pass).toBe(true)
+    })
+
     test('should return false if values dont match', async () => {
         const el: any = await $('sel')
         el._value = function (): string {

test/matchers/element/toHaveValue.test.ts

@@ -35,6 +35,11 @@ describe('toHaveValue', () => {
             })
         })
 
+        test('assymetric passes', async () => {
+            const result = await toHaveValue.call({}, el, expect.stringContaining('example value'))
+            expect(result.pass).toBe(true)
+        })
+
         test('RegExp passes', async () => {
             const result = await toHaveValue.call({}, el, /ExAmPlE/i)
             expect(result.pass).toBe(true)