@ncds/ui-admin 1.8.26-alpha.7 → 1.8.26-alpha.8

package/dist/temp/src/components/overlays/notification/__tests__/MessageNotification.test.js

@@ -1,5 +1,5 @@
 // @vitest-environment jsdom
-import { InfoCircle, Pin02 } from '@ncds/ui-admin-icon';
+import { Pin02 } from '@ncds/ui-admin-icon';
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
 import { act } from 'react-dom/test-utils';
@@ -127,14 +127,14 @@ describe('MessageNotification (React) — DOM 구조 계약', () => {
 });
 describe('MessageNotification (React) — color="info" (#568)', () => {
     it('R-01: color="info" 는 neutral 로 폴백하지 않고 --info 수식자로 렌더한다', () => {
-        // Given/When: variant 미지정, info 색상으로 렌더하면
+        // Given/When: info 색상으로 렌더하면
         const root = renderMessageNotification({ color: 'info' }).querySelector(SELECTOR.ROOT);
         // Then: info 수식자가 있고 neutral 수식자는 없다
         expect(root?.classList.contains('ncua-message-notification--info')).toBe(true);
         expect(root?.classList.contains('ncua-message-notification--neutral')).toBe(false);
     });
     it('R-02: 기본 info 아이콘은 neutral 과 같은 Pin02 다', () => {
-        // Given/When: variant 미지정, info 색상으로 렌더하면
+        // Given/When: info 색상으로 렌더하면
         const container = renderMessageNotification({ color: 'info' });
         // Then: 아이콘 path 가 Pin02 와 같다
         const expected = iconPathD(Pin02);
@@ -142,17 +142,20 @@ describe('MessageNotification (React) — color="info" (#568)', () => {
         expect(renderedIconPathD(container)).toBe(expected);
     });
     it('R-03: info 의 FeaturedIcon 은 neutral·md 로 렌더한다 (violet 톤은 SCSS 가 덮는다)', () => {
-        // Given/When: variant 미지정, info 색상으로 렌더하면
+        // Given/When: info 색상으로 렌더하면
         const icon = renderMessageNotification({ color: 'info' }).querySelector(SELECTOR.ICON);
         // Then: FeaturedIcon 에는 info 색이 없으므로 neutral 수식자와 md 사이즈가 유지된다
         expect(icon?.classList.contains('ncua-featured-icon--neutral')).toBe(true);
         expect(icon?.classList.contains('ncua-featured-icon--md')).toBe(true);
     });
-    it('R-04: block 의 info 아이콘은 InfoCircle 을 유지한다', () => {
-        // Given/When: block 변형에 info 색상으로 렌더하면
-        const container = renderMessageNotification({ variant: 'block', color: 'info' });
-        // Then: 아이콘 path 가 InfoCircle 과 같다 (#536 회귀)
-        const expected = iconPathD(InfoCircle);
+    it('R-04: 런타임에 variant="block" 이 넘어와도 info 아이콘은 Pin02 다 (#580 Block 변형 제거)', () => {
+        // Given/When: 제거된 variant prop 을 런타임 입력으로 넘겨 info 색상으로 렌더하면
+        const container = renderMessageNotification({
+            variant: 'block',
+            color: 'info',
+        });
+        // Then: 아이콘 path 가 Pin02 와 같다
+        const expected = iconPathD(Pin02);
         expect(expected).not.toBeNull();
         expect(renderedIconPathD(container)).toBe(expected);
     });

package/dist/temp/src/components/overlays/notification/__tests__/Notification.test.js

@@ -65,6 +65,11 @@ describe('Notification — type 별 위임', () => {
         const element = render({ type, supportingText: '보조', supportTextLink: 'https://example.com' });
         expect(element?.hasAttribute('supporttextlink')).toBe(false);
     });
+    it.each(['floating', 'full-width', 'message'])('type=%s 에 제거된 variant="block" 을 주어도 DOM 속성으로 새지 않는다 (#580)', (type) => {
+        const element = render({ type, variant: 'block' });
+        expect(element).not.toBeNull();
+        expect(element?.hasAttribute('variant')).toBe(false);
+    });
     it('정의되지 않은 type 은 아무것도 렌더하지 않는다', () => {
         const element = render({ type: 'banner' });
         expect(element).toBeNull();

package/dist/temp/src/components/overlays/notification/__tests__/supportTextLink.test.js

@@ -4,7 +4,6 @@ import { createRoot } from 'react-dom/client';
 import { act } from 'react-dom/test-utils';
 import { afterEach, describe, expect, it } from 'vitest';
 import { FullWidthNotification } from '../FullWidthNotification';
-import { MessageNotification } from '../MessageNotification';
 /**
  * React 텍스트 링크(`supportTextLink`)의 프로토콜 검사 (#538 리뷰 H2).
  * Vanilla `renderSupportingText` 와 같은 정책 — unsafe URL 이면 링크 없이 텍스트만 렌더한다.
@@ -29,16 +28,6 @@ function mount(element) {
     return container;
 }
 const IMPLEMENTATIONS = [
-    [
-        'MessageNotification(block)',
-        (supportTextLink) => mount(createElement(MessageNotification, {
-            title: '공지',
-            variant: 'block',
-            supportingText: '자세히 보기',
-            supportTextLink,
-        })),
-        '.ncua-message-notification__supporting-text',
-    ],
     [
         'FullWidthNotification',
         (supportTextLink) => mount(createElement(FullWidthNotification, {