test: update to handle more cases

Author: Barbapapazes

test/component.spec.ts

@@ -13,20 +13,22 @@ describe('Components', async () => {
     expect(await page.getByTestId('can-visible').isVisible()).toBeTruthy()
     expect(await page.getByTestId('can-invisible').isVisible()).toBeFalsy()
     expect(await page.getByTestId('can-multiple-visible').isVisible()).toBeTruthy()
+    expect(await page.getByTestId('can-multiple-invisible').isVisible()).toBeFalsy()
 
     expect(await page.getByTestId('as-can-visible').isVisible()).toBeTruthy()
 
     expect(await page.getByTestId('cannot-invisible').isVisible()).toBeFalsy()
     expect(await page.getByTestId('cannot-visible').isVisible()).toBeTruthy()
     expect(await page.getByTestId('cannot-multiple-invisible').isVisible()).toBeFalsy()
+    expect(await page.getByTestId('cannot-multiple-visible').isVisible()).toBeTruthy()
 
     expect(await page.getByTestId('bouncer-can-visible').isVisible()).toBeTruthy()
     expect(await page.getByTestId('bouncer-cannot-invisible').isVisible()).toBeFalsy()
 
     expect(await page.getByTestId('bouncer-can-invisible').isVisible()).toBeFalsy()
     expect(await page.getByTestId('bouncer-cannot-visible').isVisible()).toBeTruthy()
 
-    expect(await page.getByTestId('bouncer-can-multiple-invisible').isVisible()).toBeFalsy()
+    expect(await page.getByTestId('bouncer-can-multiple-visible').isVisible()).toBeTruthy()
     expect(await page.getByTestId('bouncer-cannot-multiple-invisible').isVisible()).toBeFalsy()
 
     await page.close()

test/fixtures/components/app/app.vue

@@ -44,6 +44,14 @@ const cannot = defineAbility(() => {
       </div>
     </Can>
 
+    <Can
+      :ability="[can, cannot]"
+    >
+      <div data-testid="can-multiple-invisible">
+        Can Multiple Visible
+      </div>
+    </Can>
+
     <Cannot
       :ability="can"
     >
@@ -68,6 +76,14 @@ const cannot = defineAbility(() => {
       </div>
     </Cannot>
 
+    <Cannot
+      :ability="[cannot, cannot]"
+    >
+      <div data-testid="cannot-multiple-visible">
+        Cannot Multiple Visible
+      </div>
+    </Cannot>
+
     <Bouncer
       :ability="can"
     >