@salutejs/sdds-api-tests 0.4.0 → 0.4.1-canary.2678.24886972433.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-api-tests",
-  "version": "0.4.0",
+  "version": "0.4.1-canary.2678.24886972433.0",
   "description": "API tests for components",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -13,19 +13,19 @@
     "test": "rm -rf tests && node script.mjs && vitest run --config ./vitest.config.ts"
   },
   "devDependencies": {
-    "@salutejs/plasma-b2c": "1.615.0",
-    "@salutejs/plasma-giga": "0.342.0",
-    "@salutejs/plasma-icons": "1.235.0",
-    "@salutejs/plasma-web": "1.617.0",
-    "@salutejs/sdds-bizcom": "0.347.0",
-    "@salutejs/sdds-cs": "0.351.0",
-    "@salutejs/sdds-dfa": "0.345.0",
-    "@salutejs/sdds-finai": "0.338.0",
-    "@salutejs/sdds-insol": "0.342.0",
-    "@salutejs/sdds-netology": "0.346.0",
-    "@salutejs/sdds-platform-ai": "0.346.0",
-    "@salutejs/sdds-scan": "0.345.0",
-    "@salutejs/sdds-serv": "0.346.0",
+    "@salutejs/plasma-b2c": "1.615.1-canary.2678.24886972433.0",
+    "@salutejs/plasma-giga": "0.342.1-canary.2678.24886972433.0",
+    "@salutejs/plasma-icons": "1.235.1-canary.2678.24886972433.0",
+    "@salutejs/plasma-web": "1.617.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-bizcom": "0.347.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-cs": "0.351.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-dfa": "0.345.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-finai": "0.338.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-insol": "0.342.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-netology": "0.346.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-platform-ai": "0.346.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-scan": "0.345.1-canary.2678.24886972433.0",
+    "@salutejs/sdds-serv": "0.346.1-canary.2678.24886972433.0",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
     "react": "18.2.0",
@@ -34,5 +34,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a7cba4d3017687e2fef71219f5740b5dc2fd8c81"
+  "gitHead": "47c393473cff9c384a2b483719d01d308e8e6cc7"
 }

package/src/components/Button/Button.api.test.tsx

@@ -86,3 +86,58 @@ describe('Complex', () => {
         expectTypeOf<ButtonProps>({ text: 'Hello', value: 'Plasma', stretching: 'filled', contentPlacing: 'default' });
     });
 });
+
+describe('Polymorphic (as prop)', () => {
+    it('as="a" adds anchor props', () => {
+        expectTypeOf(<Button as="a" href="/link" target="_blank" />);
+    });
+
+    it('as="a" keeps own props', () => {
+        expectTypeOf(<Button as="a" text="text" disabled />);
+        expectTypeOf(<Button as="a" text="text" isLoading />);
+    });
+
+    it('as custom component adds its props', () => {
+        type LinkProps = { to: string; replace?: boolean; children?: React.ReactNode };
+        const Link = (_: LinkProps) => null;
+
+        expectTypeOf(<Button as={Link} to="/link" replace text="text" />);
+    });
+
+    it('as custom component does not add props absent in that component', () => {
+        type LinkProps = { to: string; children?: React.ReactNode };
+        const Link = (_: LinkProps) => null;
+
+        // @ts-expect-error
+        expectTypeOf(<Button as={Link} href="/link" replace text="text" />);
+    });
+
+    it('as="input" adds input props', () => {
+        expectTypeOf(<Button as="input" type="submit" />);
+        expectTypeOf(<Button as="input" type="reset" placeholder="..." onChange={() => {}} />);
+    });
+
+    it('as="input" keeps own props', () => {
+        expectTypeOf(<Button as="input" text="text" disabled />);
+        expectTypeOf(<Button as="input" text="text" isLoading />);
+    });
+
+    it('as="input" does not add anchor props', () => {
+        // @ts-expect-error
+        expectTypeOf(<Button as="input" href="/link" target="_blank" />);
+    });
+
+    it('as="div" adds div props', () => {
+        expectTypeOf(<Button as="div" tabIndex={0} contentEditable />);
+    });
+
+    it('as="div" keeps own props', () => {
+        expectTypeOf(<Button as="div" text="text" disabled />);
+        expectTypeOf(<Button as="div" text="text" isLoading />);
+    });
+
+    it('as="div" does not add anchor props', () => {
+        // @ts-expect-error
+        expectTypeOf(<Button as="div" href="/link" target="_blank" />);
+    });
+});