@xhsreds/reds-rn-next 0.1.3 → 0.1.4

package/src/components/Alert/test/index.bench.tsx

@@ -0,0 +1,13 @@
+import React, { useState } from "react";
+import { describe } from "vitest";
+// @ts-ignore
+import { redsBench } from "~root/utils/redsBench";
+import { Alert } from "@xhs/reds-rn-next";
+import { render, fireEvent } from "@testing-library/react-native";
+import { Text } from "react-native";
+
+describe("render", () => {
+  redsBench("base", async () => {
+    render(<Alert show={true}></Alert>);
+  });
+});

package/src/components/Alert/test/index.test.tsx

@@ -0,0 +1,62 @@
+import React from "react";
+import { render, fireEvent } from "@testing-library/react-native";
+import { describe, it, expect, vi } from "vitest";
+import Alert from "../index";
+import { PortalProvider } from "../../Portal";
+
+describe("Alert Component", () => {
+  it("renders correctly when show is true", () => {
+    const { getByText } = render(
+      <PortalProvider>
+        <Alert show={true} title="Test Title" message="Test Message" />
+      </PortalProvider>,
+    );
+    expect(getByText("Test Title")).toBeTruthy();
+    expect(getByText("Test Message")).toBeTruthy();
+  });
+
+  it("does not render when show is false", () => {
+    const { queryByText } = render(
+      <PortalProvider>
+        <Alert show={false} title="Test Title" message="Test Message" />
+      </PortalProvider>,
+    );
+    expect(queryByText("Test Title")).toBeNull();
+    expect(queryByText("Test Message")).toBeNull();
+  });
+
+  it("triggers onConfirm event when confirm button is pressed", () => {
+    const mockOnConfirm = vi.fn();
+    const { getByText } = render(
+      <PortalProvider>
+        <Alert show={true} confirmText="Confirm" onConfirm={mockOnConfirm} />
+      </PortalProvider>,
+    );
+
+    fireEvent.press(getByText("Confirm"));
+
+    expect(mockOnConfirm).toHaveBeenCalled();
+  });
+
+  it("triggers onCancel event when cancel button is pressed", () => {
+    const mockOnCancel = vi.fn();
+    const { getByText } = render(
+      <PortalProvider>
+        <Alert show={true} cancelText="Cancel" onCancel={mockOnCancel} />
+      </PortalProvider>,
+    );
+
+    fireEvent.press(getByText("Cancel"));
+
+    expect(mockOnCancel).toHaveBeenCalled();
+  });
+
+  it("applies the correct styles for vertical footer layout", () => {
+    const { toJSON } = render(
+      <PortalProvider>
+        <Alert show={true} footerLayout="vertical" confirmText="Confirm" cancelText="Cancel" />
+      </PortalProvider>,
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/src/components/Alert/test/paper.bench.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { describe } from "vitest";
+// @ts-ignore
+import { redsBench } from "~root/utils/redsBench";
+import { ScrollView } from "react-native";
+import { Dialog, Portal, Text } from "react-native-paper";
+import { render } from "@testing-library/react-native";
+
+describe("render", () => {
+  redsBench("paper base", async () => {
+    const [visible, setVisible] = React.useState(true);
+    const hideDialog = () => setVisible(false);
+
+    render(
+      <Portal>
+        <Dialog visible={visible} onDismiss={hideDialog}>
+          <Dialog.ScrollArea>
+            <ScrollView contentContainerStyle={{ paddingHorizontal: 24 }}>
+              <Text>This is a scrollable area</Text>
+            </ScrollView>
+          </Dialog.ScrollArea>
+        </Dialog>
+      </Portal>,
+    );
+  });
+});

package/src/index.ts

@@ -1,8 +1,23 @@
+declare global {
+  var GLOBAL: any;
+}
+try {
+  if (typeof GLOBAL !== "undefined" && GLOBAL?.eaglet) {
+    GLOBAL?.eaglet?.push?.({
+      measurement_name: "reds_component_usage",
+      measurement_data: {
+        platform: "rn",
+      },
+    });
+  }
+} catch (e) {}
+
 export * from "./components/ActionSheets";
 export * from "./components/Silder";
 export * from "./components/Sheets";
 export * from "./components/PickerView";
 export * from "./components/Picker";
+export * from "./components/Alert";
 export * from "./components/FAB";
 export * from "./components/Toast";
 export * from "./components/DropDown";