951400782

pending completion

Build # 951400782

Build Type

Pull #3900

gitlab-ci

Committed by

web-flow

Commit Message

chore: bump @testing-library/jest-dom from 5.16.5 to 5.17.0

Bumps [@testing-library/jest-dom](https://github.com/testing-library/jest-dom) from 5.16.5 to 5.17.0.
- [Release notes](https://github.com/testing-library/jest-dom/releases)
- [Changelog](https://github.com/testing-library/jest-dom/blob/main/CHANGELOG.md)
- [Commits](https://github.com/testing-library/jest-dom/compare/v5.16.5...v5.17.0)

---
updated-dependencies:
- dependency-name: "@testing-library/jest-dom"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Pull Request Pull Request #3900: chore: bump @testing-library/jest-dom from 5.16.5 to 5.17.0

Run Details

4446 of 6414 branches covered (69.32%)

8342 of 10084 relevant lines covered (82.73%)

186.0 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

56.0

/src/js/components/settings/organization/organizationpaymentsettings.js

// Copyright 2020 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';

// material ui
import { Error as ErrorIcon } from '@mui/icons-material';

import { setSnackbar } from '../../../actions/appActions';
import { confirmCardUpdate, getCurrentCard, startCardUpdate } from '../../../actions/organizationActions';
import CardSection from '../cardsection';
import OrganizationSettingsItem from './organizationsettingsitem';

export const OrganizationPaymentSettings = () => {
  const [isUpdatingPaymentDetails, setIsUpdatingPaymentDetails] = useState(false);
  const card = useSelector(state => state.organization.card);
  const hasUnpaid = useSelector(state => state.organization.billing);
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(getCurrentCard());
  }, []);

  const onCardConfirm = async () => {
    await dispatch(confirmCardUpdate());
    dispatch(getCurrentCard());
    setIsUpdatingPaymentDetails(false);
  };

  // const invoiceDate = moment();
  const { last4, expiration, brand } = card;
  return (
    <>
      {/* <OrganizationSettingsItem
                  title="Next payment date"
                  content={{
                    action: { title: 'View invoices', internal: true, action: setShowInvoices },
                    description: invoiceDate.format('MMMM DD, YYYY')
                  }}
                  notification={<div className="text-muted">Your subscription will be charged automatically</div>}
                /> */}
      <OrganizationSettingsItem
        title="Payment card"
        content={{
          action: { title: `${last4 ? 'Update' : 'Enter'} payment card`, internal: true, action: () => setIsUpdatingPaymentDetails(true) },
          description: last4 ? (
            <div>
              <div>
                {brand} ending in {last4}
              </div>
              <div>
                Expires {`0${expiration.month}`.slice(-2)}/{`${expiration.year}`.slice(-2)}
              </div>
            </div>
          ) : (
            <div>
              The introduction of the PSD2 regulation in Europe requires re-entering your card details before we can allow the modification of payment details
              or access to the payment history.
            </div>
          )
        }}
        secondary={
          isUpdatingPaymentDetails && (
            <CardSection
              onCancel={() => setIsUpdatingPaymentDetails(false)}
              onComplete={onCardConfirm}
              onSubmit={() => dispatch(startCardUpdate())}
              setSnackbar={text => dispatch(setSnackbar(text))}
            />
          )
        }
        notification={
          hasUnpaid && (
            <div className="red flexbox centered">
              <ErrorIcon fontSize="small" />
              <span className="margin-left-small">You have an unpaid invoice. Please check your payment card details</span>
            </div>
          )
        }
      />
    </>
  );
};

export default OrganizationPaymentSettings;

1	// Copyright 2020 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useEffect, useState } from 'react';
15	import { useDispatch, useSelector } from 'react-redux';
16
17	// material ui
18	import { Error as ErrorIcon } from '@mui/icons-material';
19
20	import { setSnackbar } from '../../../actions/appActions';
21	import { confirmCardUpdate, getCurrentCard, startCardUpdate } from '../../../actions/organizationActions';
22	import CardSection from '../cardsection';
23	import OrganizationSettingsItem from './organizationsettingsitem';
24
25	export const OrganizationPaymentSettings = () => {	7✔
26	const [isUpdatingPaymentDetails, setIsUpdatingPaymentDetails] = useState(false);	1✔
27	const card = useSelector(state => state.organization.card);	2✔
28	const hasUnpaid = useSelector(state => state.organization.billing);	2✔
29	const dispatch = useDispatch();	1✔
30
31	useEffect(() => {	1✔
32	dispatch(getCurrentCard());	1✔
33	}, []);
34
35	const onCardConfirm = async () => {	1✔
36	await dispatch(confirmCardUpdate());	×
37	dispatch(getCurrentCard());	×
38	setIsUpdatingPaymentDetails(false);	×
39	};
40
41	// const invoiceDate = moment();
42	const { last4, expiration, brand } = card;	1✔
43	return (	1✔
44	<>
45	{/* <OrganizationSettingsItem
46	title="Next payment date"
47	content={{
48	action: { title: 'View invoices', internal: true, action: setShowInvoices },
49	description: invoiceDate.format('MMMM DD, YYYY')
50	}}
51	notification={<div className="text-muted">Your subscription will be charged automatically</div>}
52	/> */}
53	<OrganizationSettingsItem
54	title="Payment card"
55	content={{
56	action: { title: `${last4 ? 'Update' : 'Enter'} payment card`, internal: true, action: () => setIsUpdatingPaymentDetails(true) },	×
57	description: last4 ? (	1!
58	<div>
59	<div>
60	{brand} ending in {last4}
61	</div>
62	<div>
63	Expires {`0${expiration.month}`.slice(-2)}/{`${expiration.year}`.slice(-2)}
64	</div>
65	</div>
66	) : (
67	<div>
68	The introduction of the PSD2 regulation in Europe requires re-entering your card details before we can allow the modification of payment details
69	or access to the payment history.
70	</div>
71	)
72	}}
73	secondary={
74	isUpdatingPaymentDetails && (	1!
75	<CardSection
76	onCancel={() => setIsUpdatingPaymentDetails(false)}	×
77	onComplete={onCardConfirm}
78	onSubmit={() => dispatch(startCardUpdate())}	×
79	setSnackbar={text => dispatch(setSnackbar(text))}	×
80	/>
81	)
82	}
83	notification={
84	hasUnpaid && (	1!
85	<div className="red flexbox centered">
86	<ErrorIcon fontSize="small" />
87	<span className="margin-left-small">You have an unpaid invoice. Please check your payment card details</span>
88	</div>
89	)
90	}
91	/>
92	</>
93	);
94	};
95
96	export default OrganizationPaymentSettings;

mendersoftware / gui / 951400782

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous