enable failing tests again and use form instead of table for create permission

This commit is contained in:
Maren Süwer
2018-09-11 16:17:11 +02:00
parent fe33e55bef
commit 09924a03cb
3 changed files with 35 additions and 45 deletions

View File

@@ -4,7 +4,11 @@ import "../../tests/enzyme";
import "../../tests/i18n"; import "../../tests/i18n";
import PermissionsNavLink from "./PermissionsNavLink"; import PermissionsNavLink from "./PermissionsNavLink";
xdescribe("PermissionsNavLink", () => { jest.mock("@scm-manager/ui-components", () => ({
NavAction: require.requireActual("@scm-manager/ui-components").NavAction
}));
describe("PermissionsNavLink", () => {
it("should render nothing, if the modify link is missing", () => { it("should render nothing, if the modify link is missing", () => {
const repository = { const repository = {
_links: {} _links: {}

View File

@@ -1,7 +1,11 @@
// @flow // @flow
import React from "react"; import React from "react";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
import { Checkbox, InputField, SubmitButton } from "../../../../../scm-ui-components/packages/ui-components/src/index"; import {
Checkbox,
InputField,
SubmitButton
} from "../../../../../scm-ui-components/packages/ui-components/src/index";
import TypeSelector from "./TypeSelector"; import TypeSelector from "./TypeSelector";
import type { import type {
PermissionCollection, PermissionCollection,
@@ -41,45 +45,30 @@ class CreatePermissionForm extends React.Component<Props, State> {
<h2 className="subtitle"> <h2 className="subtitle">
{t("add-permission.add-permission-heading")} {t("add-permission.add-permission-heading")}
</h2> </h2>
<table className="table"> <form onSubmit={this.submit}>
<tbody>
<tr>
<td>{t("permission.name")}</td>
<td>
<InputField <InputField
label={t("permission.name")}
value={name ? name : ""} value={name ? name : ""}
onChange={this.handleNameChange} onChange={this.handleNameChange}
validationError={this.currentPermissionIncludeName()} validationError={this.currentPermissionIncludeName()}
errorMessage={t("add-permission.name-input-invalid")} errorMessage={t("add-permission.name-input-invalid")}
/> />
</td>
</tr>
<tr>
<td>{t("permission.group-permission")}</td>
<td>
<Checkbox <Checkbox
label={t("permission.group-permission")}
checked={groupPermission ? groupPermission : false} checked={groupPermission ? groupPermission : false}
onChange={this.handleGroupPermissionChange} onChange={this.handleGroupPermissionChange}
/> />
</td>
</tr>
<tr>
<td>{t("permission.type")}</td>
<td>
<TypeSelector <TypeSelector
label={t("permission.type")}
handleTypeChange={this.handleTypeChange} handleTypeChange={this.handleTypeChange}
type={type ? type : "READ"} type={type ? type : "READ"}
/> />
</td>
</tr>
</tbody>
</table>
<SubmitButton <SubmitButton
label={t("add-permission.submit-button")} label={t("add-permission.submit-button")}
action={this.submit}
loading={loading} loading={loading}
disabled={this.isValid()} disabled={this.isValid()}
/> />
</form>
</div> </div>
); );
} }

View File

@@ -2,10 +2,7 @@
import React from "react"; import React from "react";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
import type { Permission } from "../../types/Permissions"; import type { Permission } from "../../types/Permissions";
import { import { confirmAlert, DeleteButton } from "@scm-manager/ui-components";
confirmAlert,
DeleteButton
} from "../../../../../../scm-ui-components/packages/ui-components/src/index";
type Props = { type Props = {
permission: Permission, permission: Permission,