901187442

pending completion

Build # 901187442

Build Type

Pull #3795

gitlab-ci

Committed by

mzedel

Commit Message

feat: increased chances of adopting our intended navigation patterns instead of unsupported browser navigation

Ticket: None
Changelog: None
Signed-off-by: Manuel Zedel <manuel.zedel@northern.tech>

Pull Request Pull Request #3795: feat: increased chances of adopting our intended navigation patterns instead of unsupported browser navigation

Run Details

4389 of 6365 branches covered (68.96%)

5 of 5 new or added lines in 1 file covered. (100.0%)

1729 existing lines in 165 files now uncovered.

8274 of 10019 relevant lines covered (82.58%)

144.86 hits per line

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

80.95

/src/js/components/common/forms/formcheckbox.js

// Copyright 2017 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 from 'react';

import { Checkbox, FormControlLabel } from '@mui/material';

export default class FormCheckbox extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
      checked: this.props.checked,
      // the following is needed for the form validation to work if the field is not required
      isValid: true, // lgtm [js/react/unused-or-undefined-state-property]
      value: this.props.checked ? this.props.value : ''
    };
  }

  componentDidMount() {
    this.props.attachToForm(this); // Attaching the component to the form
    if (this.props.value) {
      this.props.validate(this, this.props.value);
    }
    if (this.props.setControlRef) {
      this.props.setControlRef(this.input);
    }
  }

  componentWillUnmount() {
    this.props.detachFromForm(this); // Detaching if unmounting
  }

  updateCheck(checked) {
    const value = checked ? this.props.value : '';
    this.setState({ checked, value });
    this.props.validate(this, value);
  }

  render() {
    return (
      <FormControlLabel
        className={this.props.className}
        control={
          <Checkbox
            id={this.props.id}
            name={this.props.id}
            ref={this.props.id}
            onChange={(e, checked) => this.updateCheck(checked)}
            onClick={this.props.handleClick}
            style={this.props.style}
            color="primary"
            checked={this.state.checked}
          />
        }
        label={this.props.label}
      />
    );
  }
}

1	// Copyright 2017 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 from 'react';
15
16	import { Checkbox, FormControlLabel } from '@mui/material';
17
18	export default class FormCheckbox extends React.Component {
19	constructor(props, context) {
20	super(props, context);	5✔
21	this.state = {	5✔
22	checked: this.props.checked,
23	// the following is needed for the form validation to work if the field is not required
24	isValid: true, // lgtm [js/react/unused-or-undefined-state-property]
25	value: this.props.checked ? this.props.value : ''	5!
26	};
27	}
28
29	componentDidMount() {
30	this.props.attachToForm(this); // Attaching the component to the form	5✔
31	if (this.props.value) {	5✔
32	this.props.validate(this, this.props.value);	4✔
33	}
34	if (this.props.setControlRef) {	5!
UNCOV 35	this.props.setControlRef(this.input);	×
36	}
37	}
38
39	componentWillUnmount() {
40	this.props.detachFromForm(this); // Detaching if unmounting	5✔
41	}
42
43	updateCheck(checked) {
44	const value = checked ? this.props.value : '';	1!
45	this.setState({ checked, value });	1✔
46	this.props.validate(this, value);	1✔
47	}
48
49	render() {
50	return (	8✔
51	<FormControlLabel
52	className={this.props.className}
53	control={
54	<Checkbox
55	id={this.props.id}
56	name={this.props.id}
57	ref={this.props.id}
58	onChange={(e, checked) => this.updateCheck(checked)}	1✔
59	onClick={this.props.handleClick}
60	style={this.props.style}
61	color="primary"
62	checked={this.state.checked}
63	/>
64	}
65	label={this.props.label}
66	/>
67	);
68	}
69	}

mendersoftware / gui / 901187442

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