@corva/create-app 0.0.0-ce43383 → 0.0.0-e3730ad

package/templates/ui/typescript/src/__tests__/App.test.tsx

@@ -2,47 +2,13 @@ import { render, screen } from '@testing-library/react';
 import { AppTestWrapper } from '@corva/ui/testing';
 
 import App from '../App';
-import { mockApp, mockUser, mockAppHeaderProps } from '../__mocks__/mockData';
+import { mockAppSettings } from '../__mocks__/mockData';
 
 describe('<App />', () => {
   it('should show correct layout', () => {
     render(
-      <AppTestWrapper
-        app={{}}
-        appId={123}
-        maximized={false}
-        appSettings={{}}
-        onSettingChange={() => {
-          /* noop */
-        }}
-      >
-        <App
-          app={mockApp}
-          package="test"
-          coordinates={{ w: 0, h: 0, x: 0, y: 0, pixelHeight: 0, pixelWidth: 0 }}
-          currentUser={mockUser}
-          devCenterRouter={{ location: { pathname: '', query: {} } }}
-          segment="test"
-          appHeaderProps={mockAppHeaderProps}
-          isNative={false}
-          layoutEnvironment={{ type: 'test', pdfReportMode: false }}
-          onSettingChange={() => {
-            /* noop */
-          }}
-          onSettingsChange={() => {
-            /* noop */
-          }}
-          setIsFullscreenModalMode={() => Promise.resolve()}
-          setIsMaximized={() => {
-            /* noop */
-          }}
-          setMainMenuItems={() => {
-            /* noop */
-          }}
-          setSecondaryMenuItems={() => {
-            /* noop */
-          }}
-        />
+      <AppTestWrapper appSettings={mockAppSettings}>
+        <App />
       </AppTestWrapper>
     );
 
@@ -51,42 +17,8 @@ describe('<App />', () => {
 
   it('should show correct layout when settings are not provided', () => {
     render(
-      <AppTestWrapper
-        app={{}}
-        appId={123}
-        maximized={false}
-        appSettings={{}}
-        onSettingChange={() => {
-          /* noop */
-        }}
-      >
-        <App
-          app={mockApp}
-          package="test"
-          coordinates={{ w: 0, h: 0, x: 0, y: 0, pixelHeight: 0, pixelWidth: 0 }}
-          currentUser={mockUser}
-          devCenterRouter={{ location: { pathname: '', query: {} } }}
-          segment="test"
-          appHeaderProps={mockAppHeaderProps}
-          isNative={false}
-          layoutEnvironment={{ type: 'test', pdfReportMode: false }}
-          onSettingChange={() => {
-            /* noop */
-          }}
-          onSettingsChange={() => {
-            /* noop */
-          }}
-          setIsFullscreenModalMode={() => Promise.resolve()}
-          setIsMaximized={() => {
-            /* noop */
-          }}
-          setMainMenuItems={() => {
-            /* noop */
-          }}
-          setSecondaryMenuItems={() => {
-            /* noop */
-          }}
-        />
+      <AppTestWrapper appSettings={{}}>
+        <App />
       </AppTestWrapper>
     );
 

package/templates/ui/typescript/src/__tests__/AppSettings.test.tsx

@@ -1,24 +1,20 @@
 import { render, screen, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { AppTestWrapper } from '@corva/ui/testing';
 
 import AppSettings from '../AppSettings';
-import { mockApp, mockUser, mockAppData } from '../__mocks__/mockData';
 
 describe('<AppSettings />', () => {
   it('should call onChange with a changed setting on settings change', async () => {
-    const handleSettingsChange = jest.fn();
-    const handleSettingsChangeAll = jest.fn();
+    const handleSettingChange = jest.fn();
 
     render(
-      <AppSettings
-        app={mockApp}
-        appData={mockAppData}
-        settings={{ isExampleCheckboxChecked: true }}
-        layoutEnvironment={{ type: 'test', pdfReportMode: false }}
-        currentUser={mockUser}
-        onSettingChange={handleSettingsChange}
-        onSettingsChange={handleSettingsChangeAll}
-      />
+      <AppTestWrapper
+        appSettings={{ isExampleCheckboxChecked: true }}
+        onSettingChange={handleSettingChange}
+      >
+        <AppSettings />
+      </AppTestWrapper>
     );
 
     const exampleCheckbox = screen.getByRole('checkbox', { name: /example/i });
@@ -27,6 +23,6 @@ describe('<AppSettings />', () => {
       await userEvent.click(exampleCheckbox);
     });
 
-    expect(handleSettingsChange).toBeCalledWith('isExampleCheckboxChecked', false);
+    expect(handleSettingChange).toBeCalledWith('isExampleCheckboxChecked', false);
   });
 });

package/templates/ui/typescript/src/__tests__/TestsExample.test.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
-import { components } from '@corva/ui';
+import { Button } from '@corva/ui/componentsV2';
 import userEvent from '@testing-library/user-event';
 
 const Toggle = () => {
@@ -9,7 +9,7 @@ const Toggle = () => {
   return (
     <>
       {isOn ? 'ON' : 'OFF'}
-      <components.Button onClick={() => setIsOn(value => !value)}>toggle</components.Button>
+      <Button onClick={() => setIsOn(value => !value)}>toggle</Button>
     </>
   );
 };

package/templates/ui/typescript/src/custom.d.ts

@@ -7,3 +7,13 @@ declare module '*.css' {
   const content: Record<string, string>;
   export default content;
 }
+
+declare module '*.scss' {
+  const content: Record<string, string>;
+  export default content;
+}
+
+declare module '*.sass' {
+  const content: Record<string, string>;
+  export default content;
+}

package/templates/ui/typescript/src/index.js

@@ -1,3 +1,4 @@
+// DO NOT modify this structure
 import App from './App';
 import AppSettings from './AppSettings';