feat(native): Add toBeVisible (#145)

Co-authored-by: Carolina López <lopenchii@gmail.com>
Co-authored-by: Jose Luis Leon <joseluis5000l@gmail.com>
Co-authored-by: Carolina Lopez <calopez@twilio.com>

Author: 3 people

packages/native/test/lib/ElementAssertion.test.tsx

@@ -1,5 +1,6 @@
 import { AssertionError, expect } from "@assertive-ts/core";
-import { render } from "@testing-library/react-native";
+import { fireEvent, render } from "@testing-library/react-native";
+import { useState, useCallback, ReactElement } from "react";
 import {
   View,
   TextInput,
@@ -9,6 +10,26 @@ import {
 
 import { ElementAssertion } from "../../src/lib/ElementAssertion";
 
+function SimpleToggleText(): ReactElement {
+  const [isVisible, setIsVisible] = useState(true);
+
+  const handleToggle = useCallback((): void => {
+    setIsVisible(prev => !prev);
+  }, []);
+
+  return (
+    <View>
+      <Text style={{ display: isVisible ? "flex" : "none" }}>
+        {"Toggle me!"}
+      </Text>
+      <Button
+        title="Toggle Text"
+        onPress={handleToggle}
+      />
+    </View>
+  );
+}
+
 describe("[Unit] ElementAssertion.test.ts", () => {
   describe(".toBeDisabled", () => {
     context("when the element is TextInput", () => {