@tactics/toddle-styleguide 1.3.2 → 1.4.1

package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.test.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import {render} from '@testing-library/react-native';
-import {EntryTypeIndicator} from './entry-type-indicator.component';
-
-describe('EntryTypeIndicator', () => {
-  it('should render without errors', () => {
-    render(<EntryTypeIndicator send={true} />);
-  });
-
-  it('should apply loading animation when loading is true', () => {
-    const {getByTestId} = render(
-      <EntryTypeIndicator loading={true} send={false} />
-    );
-    const indicator = getByTestId('indicator');
-    expect(indicator).toBeDefined();
-  });
-
-  it('should not apply loading animation when loading is false', () => {
-    const {getByTestId} = render(
-      <EntryTypeIndicator loading={false} send={true} />
-    );
-    const indicator = getByTestId('indicator');
-    expect(indicator).toBeDefined();
-  });
-});

package/src/components/organisms/journal-entry/components/journal-entry-type/__snapshots__/journal-entry-type.test.js.snap

@@ -1,304 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`JournalEntryType Snapshot renders correctly with prio=false and loading=false 1`] = `
-[
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "height": 32,
-        "justifyContent": "center",
-        "width": 32,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-      style={
-        {
-          "backgroundColor": "rgba(224, 232, 249, 1)",
-          "borderRadius": 8,
-          "height": 16,
-          "transform": [
-            {
-              "scale": 1,
-            },
-          ],
-          "width": 16,
-        }
-      }
-      testID="indicator"
-    />
-  </View>,
-  <View
-    style={
-      {
-        "flexDirection": "row",
-      }
-    }
-  >
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "MontserratBold",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Type - 
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        12h 04m
-      </Text>
-    </View>
-  </View>,
-]
-`;
-
-exports[`JournalEntryType Snapshot renders correctly with prio=true and loading=false 1`] = `
-[
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "backgroundColor": "#FFFFFF",
-        "borderColor": "#FFFFFF",
-        "borderRadius": 50,
-        "borderWidth": 4,
-        "justifyContent": "center",
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="24"
-      bbWidth="24"
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={23}
-      vbWidth={22}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
-          propList={
-            [
-              "stroke",
-              "strokeWidth",
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          stroke={
-            {
-              "payload": 4294618180,
-              "type": 0,
-            }
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-          strokeWidth="2"
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>,
-  <View
-    style={
-      {
-        "flexDirection": "row",
-      }
-    }
-  >
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "MontserratBold",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Type - 
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        12h 04m
-      </Text>
-    </View>
-  </View>,
-]
-`;
-
-exports[`JournalEntryType Snapshot renders correctly with prio=true and loading=true 1`] = `
-[
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "height": 32,
-        "justifyContent": "center",
-        "width": 32,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-      style={
-        {
-          "backgroundColor": "rgba(224, 232, 249, 1)",
-          "borderRadius": 8,
-          "height": 16,
-          "transform": [
-            {
-              "scale": 1,
-            },
-          ],
-          "width": 16,
-        }
-      }
-      testID="indicator"
-    />
-  </View>,
-  <View
-    style={
-      {
-        "flexDirection": "row",
-      }
-    }
-  >
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "MontserratBold",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Type - 
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 13,
-                "lineHeight": 20.4,
-              },
-            ],
-            {
-              "color": "#515F6C",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        12h 04m
-      </Text>
-    </View>
-  </View>,
-]
-`;

package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.test.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {JournalEntryType} from './journal-entry-type.component';
-import {ToddleDateTime} from '../../../../../utilities/toddle-datetime/toddle-datetime.class';
-
-describe('JournalEntryType Snapshot', () => {
-  it('renders correctly with prio=false and loading=false', () => {
-    const tree = renderer
-      .create(
-        <JournalEntryType
-          prio={false}
-          type="Type"
-          happenedAt={ToddleDateTime.now()}
-          loading={false}
-          send={true}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-
-  it('renders correctly with prio=true and loading=false', () => {
-    const tree = renderer
-      .create(
-        <JournalEntryType
-          prio={true}
-          type="Type"
-          happenedAt={ToddleDateTime.now()}
-          loading={false}
-          send={true}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-
-  it('renders correctly with prio=true and loading=true', () => {
-    const tree = renderer
-      .create(
-        <JournalEntryType
-          prio={true}
-          type="Type"
-          happenedAt={ToddleDateTime.now()}
-          loading={true}
-          send={false}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});