@linktr.ee/messaging-react 4.1.6-rc-1787174531 → 4.1.6-rc-1787176721

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.1.6-rc-1787174531",
+  "version": "4.1.6-rc-1787176721",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "2.5.0-rc-1787174531",
+    "@linktr.ee/messaging-core": "2.5.0-rc-1787176721",
     "@linktr.ee/messaging-taxonomy": "^0.10.0",
     "@phosphor-icons/react": "^2.1.10"
   },

package/src/components/ChannelList/CustomChannelPreview.test.tsx

@@ -25,17 +25,6 @@ vi.mock('stream-chat-react', async (importOriginal) => ({
   useChatContext: () => mockChatContext.current,
 }))
 
-vi.mock('../../hooks/useChannelStar', async (importOriginal) => {
-  const actual =
-    await importOriginal<typeof import('../../hooks/useChannelStar')>()
-
-  return {
-    ...actual,
-    useChannelStar: (channel?: Channel) =>
-      channel?.state ? actual.useChannelStar(channel) : false,
-  }
-})
-
 type MockChannel = Channel & {
   emitMemberUpdated: (member?: { pinned_at?: string | null }) => void
 }
@@ -136,7 +125,15 @@ describe('CustomChannelPreview', () => {
     expect(row).toHaveClass('hover:bg-black/[0.02]')
 
     rerender(
-      <CustomChannelPreview {...defaultProps} channel={channel} unread={1} />
+      <ChannelListProvider
+        value={{
+          selectedChannel: otherChannel,
+          onChannelSelect: defaultProps.onChannelSelect,
+          debug: false,
+        }}
+      >
+        <CustomChannelPreview {...defaultProps} channel={channel} unread={1} />
+      </ChannelListProvider>
     )
     expect(screen.getByRole('button')).toHaveClass('hover:bg-black/[0.02]')
   })
@@ -194,9 +191,9 @@ describe('CustomChannelPreview', () => {
     expect(screen.getByText('Current User')).toBeInTheDocument()
   })
 
-  it('renders safe fallbacks when channel state is unavailable', () => {
+  it('renders safe fallbacks when channel state is empty', () => {
     const channel = createMockChannel([])
-    Object.assign(channel, { state: undefined })
+    Object.assign(channel, { state: {} })
 
     expect(() =>
       renderWithProviders(
@@ -205,6 +202,7 @@ describe('CustomChannelPreview', () => {
     ).not.toThrow()
     expect(screen.getByText('Unknown member')).toBeInTheDocument()
     expect(screen.getByText('No messages yet')).toBeInTheDocument()
+    expect(screen.queryByText('Starred conversation.')).not.toBeInTheDocument()
   })
 
   it('renders a participant image only when one is supplied', () => {
@@ -252,9 +250,9 @@ describe('CustomChannelPreview', () => {
     if (expectedBadge) {
       expect(screen.getByText(expectedBadge)).toBeInTheDocument()
     } else {
-      expect(screen.queryByText('0')).not.toBeInTheDocument()
-      expect(container.textContent).not.toContain('99+')
-      expect(container.textContent).not.toMatch(/(?:^|\D)3(?:\D|$)/)
+      expect(
+        container.querySelector('span[class*="bg-[#7f22fe]"]')
+      ).not.toBeInTheDocument()
     }
   })