search

teamcapybara / capybara

Acceptance test framework for web applications
http://teamcapybara.github.io/capybara/
MIT License
10.01k stars 1.45k forks source link

Capybara can't find a checkbox that's on the page, and not disabled #2067

Closed CamJN closed 6 years ago

CamJN commented 6 years ago

Meta

Capybara Version: 3.1.1 Driver Information (and browser if relevant): selenium chrome webdriver

Expected Behavior

capybara toggles the checkbox off

Actual Behavior

capybara can't find the checkbox

Steps to reproduce

run this:

# coding: utf-8
require "capybara"
require 'selenium/webdriver'

#Selenium::WebDriver::Firefox::Binary.path='/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox'

Capybara.register_driver :chrome do |app|
  Capybara::Selenium::Driver.new(app, :browser => :chrome)
end

html = DATA.read
app = proc { |env| [200, { "Content-Type" => "text/html" }, [html] ] }

#sess = Capybara::Session.new(:selenium, app)
sess = Capybara::Session.new(:chrome, app)
sess.visit("/")
sess.uncheck 'in_eu'

__END__
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://rsms.me/inter/inter-ui.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<style type="text/css" data-jss="" data-meta="MuiCssBaseline" nonce="">
.MuiButtonBase-root-205,.MuiFormControlLabel-root-438,.MuiInput-input-433{-webkit-tap-highlight-color:transparent;vertical-align:middle}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit}body{margin:0;background-color:#fafafa}@media print{body{background-color:#fff}}.MuiPaper-root-170{background-color:#fff}.MuiPaper-rounded-171{border-radius:2px}.MuiPaper-elevation0-172{box-shadow:none}.MuiPaper-elevation1-173{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.MuiPaper-elevation2-174{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.MuiPaper-elevation3-175{box-shadow:0 1px 8px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)}.MuiPaper-elevation4-176{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.MuiPaper-elevation5-177{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.MuiPaper-elevation6-178{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.MuiPaper-elevation7-179{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.MuiPaper-elevation8-180{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.MuiPaper-elevation9-181{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.MuiPaper-elevation10-182{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.MuiPaper-elevation11-183{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.MuiPaper-elevation12-184{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.MuiPaper-elevation13-185{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.MuiPaper-elevation14-186{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.MuiPaper-elevation15-187{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.MuiPaper-elevation16-188{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.MuiPaper-elevation17-189{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.MuiPaper-elevation18-190{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.MuiPaper-elevation19-191{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.MuiPaper-elevation20-192{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.MuiPaper-elevation21-193{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.MuiPaper-elevation22-194{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.MuiPaper-elevation23-195{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.MuiPaper-elevation24-196{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.MuiAppBar-root-162{width:100%;display:flex;z-index:1100;box-sizing:border-box;flex-shrink:0;flex-direction:column}.MuiAppBar-positionFixed-163{top:0;left:auto;right:0;position:fixed}.MuiAppBar-positionAbsolute-164{top:0;left:auto;right:0;position:absolute}.MuiAppBar-positionSticky-165{top:0;left:auto;right:0;position:sticky}.MuiAppBar-positionStatic-166{position:static}.MuiAppBar-colorDefault-167{color:rgba(0,0,0,.87);background-color:#f5f5f5}.MuiAppBar-colorPrimary-168{color:#fff;background-color:#2196f3}.MuiAppBar-colorSecondary-169{color:#fff;background-color:#f50057}.MuiToolbar-root-197{display:flex;position:relative;min-height:56px;align-items:center}@media (min-width:0px) and (orientation:landscape){.MuiToolbar-root-197{min-height:48px}}.MuiToolbar-gutters-198{padding-left:16px;padding-right:16px}@media (min-width:600px){.MuiToolbar-root-197{min-height:64px}.MuiToolbar-gutters-198{padding-left:24px;padding-right:24px}}.MuiTouchRipple-root-214{top:0;left:0;width:100%;height:100%;display:block;z-index:0;position:absolute;overflow:hidden;border-radius:inherit;pointer-events:none}.MuiTouchRipple-ripple-215{top:0;left:0;width:50px;height:50px;opacity:0;position:absolute}.MuiTouchRipple-rippleVisible-216{opacity:.3;transform:scale(1);animation:mui-ripple-enter 550ms cubic-bezier(.4,0,.2,1)}.MuiTouchRipple-ripplePulsate-217{animation-duration:.2s}.MuiTouchRipple-child-218{width:100%;height:100%;opacity:1;display:block;border-radius:50%;background-color:currentColor}.MuiTouchRipple-childLeaving-219{opacity:0;animation:mui-ripple-exit 550ms cubic-bezier(.4,0,.2,1)}.MuiTouchRipple-childPulsate-220{top:0;left:0;position:absolute;animation:mui-ripple-pulsate 2.5s cubic-bezier(.4,0,.2,1) .2s infinite}@-webkit-keyframes mui-ripple-enter{0%{opacity:.1;transform:scale(0)}100%{opacity:.3;transform:scale(1)}}@-webkit-keyframes mui-ripple-exit{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes mui-ripple-pulsate{0%,100%{transform:scale(1)}50%{transform:scale(.92)}}.MuiButtonBase-root-205{color:inherit;cursor:pointer;margin:0;border:0;display:inline-flex;padding:0;outline:0;position:relative;user-select:none;align-items:center;border-radius:0;justify-content:center;-moz-appearance:none;text-decoration:none;background-color:transparent;-webkit-appearance:none}.MuiButtonBase-root-205::-moz-focus-inner{border-style:none}.MuiButtonBase-root-205.MuiButtonBase-disabled-206{cursor:default;pointer-events:none}.MuiIconButton-root-199{flex:0 0 auto;width:48px;color:rgba(0,0,0,.54);height:48px;padding:0;font-size:1.5rem;text-align:center;transition:background-color 150ms cubic-bezier(.4,0,.2,1) 0s;border-radius:50%}.MuiIconButton-root-199:hover{background-color:rgba(0,0,0,.08)}.MuiIconButton-root-199.MuiIconButton-disabled-203{color:rgba(0,0,0,.26)}@media (hover:none){.MuiIconButton-root-199:hover{background-color:transparent}}.MuiIconButton-root-199:hover.MuiIconButton-disabled-203{background-color:transparent}.MuiIconButton-colorInherit-200{color:inherit}.MuiIconButton-colorPrimary-201{color:#2196f3}.MuiIconButton-colorPrimary-201:hover{background-color:rgba(33,150,243,.08)}@media (hover:none){.MuiIconButton-colorPrimary-201:hover{background-color:transparent}}.MuiIconButton-colorSecondary-202{color:#f50057}.MuiIconButton-colorSecondary-202:hover{background-color:rgba(245,0,87,.08)}@media (hover:none){.MuiIconButton-colorSecondary-202:hover{background-color:transparent}}.MuiIconButton-label-204{width:100%;display:flex;align-items:inherit;justify-content:inherit}.MuiIcon-root-208{width:1em;height:1em;overflow:hidden;font-size:24px;user-select:none;flex-shrink:0}.MuiIcon-colorPrimary-209{color:#2196f3}.MuiIcon-colorSecondary-210{color:#f50057}.MuiIcon-colorAction-211{color:rgba(0,0,0,.54)}.MuiIcon-colorError-212{color:#f44336}.MuiIcon-colorDisabled-213{color:rgba(0,0,0,.26)}.MuiTypography-root-221{margin:0;display:block}.MuiTypography-display4-222{color:rgba(0,0,0,.54);font-size:7rem;font-weight:300;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.14286em;margin-left:-.04em;letter-spacing:-.04em}.MuiTypography-display2-224,.MuiTypography-display3-223{margin-left:-.02em;color:rgba(0,0,0,.54);font-weight:400;font-family:"Inter UI",Helvetica,Arial,sans-serif}.MuiTypography-display3-223{font-size:3.5rem;line-height:1.30357em;letter-spacing:-.02em}.MuiTypography-display2-224{font-size:2.8125rem;line-height:1.06667em}.MuiTypography-display1-225{color:rgba(0,0,0,.54);font-size:2.125rem;font-weight:400;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.20588em}.MuiTypography-headline-226{color:rgba(0,0,0,.87);font-size:1.5rem;font-weight:400;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.35417em}.MuiTypography-title-227{color:rgba(0,0,0,.87);font-size:1.3125rem;font-weight:500;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.16667em}.MuiTypography-subheading-228{color:rgba(0,0,0,.87);font-size:1rem;font-weight:400;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.5em}.MuiTypography-body2-229{color:rgba(0,0,0,.87);font-size:.875rem;font-weight:500;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.71429em}.MuiTypography-body1-230,.MuiTypography-caption-231{font-weight:400;font-family:"Inter UI",Helvetica,Arial,sans-serif}.MuiTypography-body1-230{color:rgba(0,0,0,.87);font-size:.875rem;line-height:1.46429em}.MuiTypography-caption-231{color:rgba(0,0,0,.54);font-size:.75rem;line-height:1.375em}.MuiTypography-button-232{color:rgba(0,0,0,.87);font-size:.875rem;font-weight:500;font-family:"Inter UI",Helvetica,Arial,sans-serif;text-transform:uppercase}.MuiTypography-alignLeft-233{text-align:left}.MuiTypography-alignCenter-234{text-align:center}.MuiTypography-alignRight-235{text-align:right}.MuiTypography-alignJustify-236{text-align:justify}.MuiTypography-noWrap-237{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MuiTypography-gutterBottom-238{margin-bottom:.35em}.MuiTypography-paragraph-239{margin-bottom:16px}.MuiTypography-colorInherit-240{color:inherit}.MuiTypography-colorPrimary-241{color:#2196f3}.MuiTypography-colorSecondary-242{color:#f50057}.MuiTypography-colorTextSecondary-243{color:rgba(0,0,0,.54)}.MuiTypography-colorError-244{color:#f44336}.MuiSnackbar-root-245{left:0;right:0;z-index:1400;display:flex;position:fixed;align-items:center;justify-content:center}.MuiSnackbar-anchorOriginTopCenter-246{top:0}.MuiSnackbar-anchorOriginBottomCenter-247{bottom:0}.MuiSnackbar-anchorOriginTopRight-248{top:0;justify-content:flex-end}.MuiSnackbar-anchorOriginBottomRight-249{bottom:0;justify-content:flex-end}@media (min-width:960px){.MuiSnackbar-anchorOriginBottomCenter-247,.MuiSnackbar-anchorOriginTopCenter-246{left:50%;right:auto;transform:translateX(-50%)}.MuiSnackbar-anchorOriginTopRight-248{top:24px;left:auto;right:24px}.MuiSnackbar-anchorOriginBottomRight-249{left:auto;right:24px;bottom:24px}}.MuiSnackbar-anchorOriginTopLeft-250{top:0;justify-content:flex-start}.MuiSnackbar-anchorOriginBottomLeft-251{bottom:0;justify-content:flex-start}@media (min-width:960px){.MuiSnackbar-anchorOriginTopLeft-250{top:24px;left:24px;right:auto}.MuiSnackbar-anchorOriginBottomLeft-251{left:24px;right:auto;bottom:24px}}.MuiModal-root-264{top:0;left:0;width:100%;height:100%;display:flex;z-index:1300;position:fixed}.MuiModal-hidden-265{visibility:hidden}.MuiDrawer-docked-253{flex:0 0 auto}.MuiDrawer-paper-254{top:0;flex:1 0 auto;height:100vh;display:flex;z-index:1200;outline:0;position:fixed;overflow-y:auto;flex-direction:column;-webkit-overflow-scrolling:touch}.MuiDrawer-paperAnchorLeft-255{left:0;right:auto}.MuiDrawer-paperAnchorRight-256{left:auto;right:0}.MuiDrawer-paperAnchorTop-257{top:0;left:0;right:0;bottom:auto;height:auto;max-height:100vh}.MuiDrawer-paperAnchorBottom-258{top:auto;left:0;right:0;bottom:0;height:auto;max-height:100vh}.MuiDrawer-paperAnchorDockedLeft-259{border-right:1px solid rgba(255,255,255,.12)}.MuiDrawer-paperAnchorDockedTop-260{border-bottom:1px solid rgba(255,255,255,.12)}.MuiDrawer-paperAnchorDockedRight-261{border-left:1px solid rgba(255,255,255,.12)}.MuiDrawer-paperAnchorDockedBottom-262{border-top:1px solid rgba(255,255,255,.12)}.Navbar-toolbar-252{color:#fff;z-index:2000;padding:24px;position:relative;min-height:56px;background-color:#2f2c2c}@media (min-width:0px) and (orientation:landscape){.Navbar-toolbar-252{min-height:48px}}@media (min-width:600px){.Navbar-toolbar-252{min-height:64px}}.AppLayout-root-155{width:100%;z-index:1;display:flex;overflow:hidden;position:relative;flex-grow:1}.AppLayout-appBar-156{position:absolute;margin-left:240px}.AppLayout-navIcon-157{margin-right:.5em}@media (min-width:960px){.AppLayout-appBar-156{width:calc(100% - 240px)}.AppLayout-navIcon-157{display:none}.AppLayout-drawerPaper-159{position:relative;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}}.AppLayout-toolbar-158{min-height:56px}@media (min-width:0px) and (orientation:landscape){.AppLayout-toolbar-158{min-height:48px}}.AppLayout-drawerPaper-159{width:240px}.AppLayout-content-160{flex-grow:1;background-color:#fafafa}@media (min-width:600px){.AppLayout-toolbar-158{min-height:64px}.AppLayout-content-160{padding:24px}}.AppLayout-close-161{width:32px;height:32px}.MuiFormControl-fullWidth-414,.MuiInput-fullWidth-432,.Textarea-root-454{width:100%}.Textarea-root-454{position:relative}.Textarea-textarea-455{font:inherit;width:100%;resize:none;cursor:inherit;border:none;height:100%;padding:0;outline:0;box-sizing:border-box;background:0 0;line-height:inherit}.Textarea-shadow-456{resize:none;height:auto;overflow:hidden;position:absolute;visibility:hidden;white-space:pre-wrap}.MuiInput-root-425{color:rgba(0,0,0,.87);display:inline-flex;position:relative;font-size:1rem;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.1875em}.MuiInput-root-425.MuiInput-disabled-428{color:rgba(0,0,0,.38)}label+.MuiInput-formControl-426{margin-top:16px}.MuiInput-underline-429:after{left:0;right:0;bottom:0;content:"";position:absolute;transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0s;border-bottom:2px solid #1769aa;pointer-events:none}.MuiInput-underline-429.MuiInput-focused-427:after{transform:scaleX(1)}.MuiInput-underline-429.MuiInput-error-430:after{transform:scaleX(1);border-bottom-color:#f44336}.MuiInput-underline-429:before{left:0;color:transparent;right:0;bottom:0;content:"need text here to prevent subpixel zoom issue";position:absolute;transition:border-bottom-color .2s cubic-bezier(.4,0,.2,1) 0s;border-bottom:1px solid rgba(0,0,0,.42);pointer-events:none}.MuiInput-underline-429:hover:not(.MuiInput-disabled-428):not(.MuiInput-focused-427):not(.MuiInput-error-430):before{border-bottom:2px solid rgba(0,0,0,.87)}.MuiInput-underline-429.MuiInput-disabled-428:before{border-bottom:1px dotted rgba(0,0,0,.42)}.MuiInput-multiline-431{padding:6px 0 7px}.MuiInput-input-433{font:inherit;color:currentColor;border:0;margin:0;padding:6px 0 7px;display:block;min-width:0;flex-grow:1;box-sizing:content-box;background:0 0}.MuiButton-root-457,.MuiFormLabel-root-420,.MuiTab-root-298{font-family:"Inter UI",Helvetica,Arial,sans-serif}.MuiInput-input-433::-webkit-input-placeholder{color:currentColor;opacity:.42;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s}.MuiInput-input-433::-moz-placeholder{color:currentColor;opacity:.42;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s}.MuiInput-input-433:-ms-input-placeholder{color:currentColor;opacity:.42;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s}.MuiInput-input-433::-ms-input-placeholder{color:currentColor;opacity:.42;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s}.MuiInput-input-433:focus{outline:0}.MuiInput-input-433:invalid{box-shadow:none}.MuiInput-input-433::-webkit-search-decoration{-webkit-appearance:none}.MuiInput-input-433.MuiInput-disabled-428{opacity:1}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433::-webkit-input-placeholder{opacity:0}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433::-moz-placeholder{opacity:0}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433:-ms-input-placeholder{opacity:0}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433::-ms-input-placeholder{opacity:0}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433:focus::-webkit-input-placeholder{opacity:.42}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433:focus::-moz-placeholder{opacity:.42}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433:focus:-ms-input-placeholder{opacity:.42}label[data-shrink=false]+.MuiInput-formControl-426 .MuiInput-input-433:focus::-ms-input-placeholder{opacity:.42}.MuiInput-inputMarginDense-434{padding-top:3px}.MuiInput-inputMultiline-435{resize:none;padding:0}.MuiInput-inputType-436{height:1.1875em}.MuiInput-inputTypeSearch-437{-moz-appearance:textfield;-webkit-appearance:textfield}.MuiFormLabel-root-420{color:rgba(0,0,0,.54);padding:0;font-size:1rem;line-height:1}.MuiFormLabel-root-420.MuiFormLabel-focused-421{color:#1769aa}.MuiFormLabel-root-420.MuiFormLabel-disabled-422{color:rgba(0,0,0,.38)}.MuiFormLabel-asterisk-424.MuiFormLabel-error-423,.MuiFormLabel-root-420.MuiFormLabel-error-423{color:#f44336}.MuiInputLabel-root-415{transform-origin:top left}.MuiInputLabel-formControl-416{top:0;left:0;position:absolute;transform:translate(0,24px) scale(1)}.MuiInputLabel-marginDense-417{transform:translate(0,21px) scale(1)}.MuiInputLabel-shrink-418{transform:translate(0,1.5px) scale(.75);transform-origin:top left}.MuiInputLabel-animated-419{transition:transform .2s cubic-bezier(0,0,.2,1) 0s}.MuiFormControl-root-411{margin:0;border:0;display:inline-flex;padding:0;position:relative;min-width:0;flex-direction:column}.MuiFormControl-marginNormal-412{margin-top:16px;margin-bottom:8px}.MuiFormControl-marginDense-413{margin-top:8px;margin-bottom:4px}.MuiSvgIcon-root-473{fill:currentColor;width:1em;height:1em;display:inline-block;font-size:24px;transition:fill .2s cubic-bezier(.4,0,.2,1) 0s;user-select:none;flex-shrink:0}.MuiSvgIcon-colorPrimary-474{color:#2196f3}.MuiSvgIcon-colorSecondary-475{color:#f50057}.MuiSvgIcon-colorAction-476{color:rgba(0,0,0,.54)}.MuiSvgIcon-colorError-477{color:#f44336}.MuiSvgIcon-colorDisabled-478{color:rgba(0,0,0,.26)}.MuiButton-root-457{color:rgba(0,0,0,.87);padding:8px 16px;font-size:.875rem;min-width:88px;transition:background-color 250ms cubic-bezier(.4,0,.2,1) 0s,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0s;min-height:36px;box-sizing:border-box;line-height:1.4em;font-weight:500;border-radius:2px;text-transform:uppercase}.MuiButton-root-457:hover{text-decoration:none;background-color:rgba(0,0,0,.08)}.MuiButton-root-457.MuiButton-disabled-467{color:rgba(0,0,0,.26)}@media (hover:none){.MuiButton-root-457:hover{background-color:transparent}}.MuiButton-root-457:hover.MuiButton-disabled-467{background-color:transparent}.MuiButton-label-458{width:100%;display:inherit;align-items:inherit;justify-content:inherit}.Form-form-317,.MuiTabs-flexContainer-290{display:flex}.MuiButton-flatPrimary-459{color:#2196f3}.MuiButton-flatPrimary-459:hover{background-color:rgba(33,150,243,.08)}@media (hover:none){.MuiButton-flatPrimary-459:hover{background-color:transparent}}.MuiButton-flatSecondary-460{color:#f50057}.MuiButton-flatSecondary-460:hover{background-color:rgba(245,0,87,.08)}@media (hover:none){.MuiButton-flatSecondary-460:hover{background-color:transparent}}.MuiButton-outlined-461{border:1px solid rgba(0,0,0,.23);border-radius:4px}.MuiButton-colorInherit-462{color:inherit}.MuiButton-raised-463{color:rgba(0,0,0,.87);box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);background-color:#e0e0e0}.MuiButton-raised-463.MuiButton-focusVisible-466{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.MuiButton-raised-463:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.MuiButton-raised-463.MuiButton-disabled-467{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}.MuiButton-raised-463:hover{background-color:#d5d5d5}@media (hover:none){.MuiButton-raised-463:hover{background-color:#e0e0e0}}.MuiButton-raised-463:hover.MuiButton-disabled-467{background-color:rgba(0,0,0,.12)}.MuiButton-raisedPrimary-464{color:#fff;background-color:#2196f3}.MuiButton-raisedPrimary-464:hover{background-color:#1769aa}@media (hover:none){.MuiButton-raisedPrimary-464:hover{background-color:#2196f3}}.MuiButton-raisedSecondary-465{color:#fff;background-color:#f50057}.MuiButton-raisedSecondary-465:hover{background-color:#c51162}@media (hover:none){.MuiButton-raisedSecondary-465:hover{background-color:#f50057}}.StatusLabel-draft-314,.StatusLabel-root-313{background-color:#999;color:#fff}.MuiButton-fab-468{width:56px;height:56px;padding:0;min-width:0;font-size:24px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);border-radius:50%}.MuiButton-fab-468:active{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.MuiButton-mini-469{width:40px;height:40px}.MuiButton-sizeSmall-470{padding:7px 8px;min-width:64px;font-size:.8125rem;min-height:32px}.MuiButton-sizeLarge-471{padding:8px 24px;min-width:112px;font-size:.9375rem;min-height:40px}.MuiButton-fullWidth-472{width:100%}.MuiGrid-container-320{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.MuiGrid-item-321{flex:0 0 auto;margin:0;box-sizing:border-box}.MuiGrid-zeroMinWidth-322{min-width:0}.MuiGrid-direction-xs-column-323{flex-direction:column}.MuiGrid-direction-xs-column-reverse-324{flex-direction:column-reverse}.MuiGrid-direction-xs-row-reverse-325{flex-direction:row-reverse}.MuiGrid-wrap-xs-nowrap-326{flex-wrap:nowrap}.MuiGrid-wrap-xs-wrap-reverse-327{flex-wrap:wrap-reverse}.MuiGrid-align-items-xs-center-328{align-items:center}.MuiGrid-align-items-xs-flex-start-329{align-items:flex-start}.MuiGrid-align-items-xs-flex-end-330{align-items:flex-end}.MuiGrid-align-items-xs-baseline-331{align-items:baseline}.MuiGrid-align-content-xs-center-332{align-content:center}.MuiGrid-align-content-xs-flex-start-333{align-content:flex-start}.MuiGrid-align-content-xs-flex-end-334{align-content:flex-end}.MuiGrid-align-content-xs-space-between-335{align-content:space-between}.MuiGrid-align-content-xs-space-around-336{align-content:space-around}.MuiGrid-justify-xs-center-337{justify-content:center}.MuiGrid-justify-xs-flex-end-338{justify-content:flex-end}.MuiGrid-justify-xs-space-between-339{justify-content:space-between}.MuiGrid-justify-xs-space-around-340{justify-content:space-around}.MuiGrid-spacing-xs-8-341{width:calc(100% + 8px);margin:-4px}.MuiGrid-spacing-xs-8-341>.MuiGrid-item-321{padding:4px}.MuiGrid-spacing-xs-16-342{width:calc(100% + 16px);margin:-8px}.MuiGrid-spacing-xs-16-342>.MuiGrid-item-321{padding:8px}.MuiGrid-spacing-xs-24-343{width:calc(100% + 24px);margin:-12px}.MuiGrid-spacing-xs-24-343>.MuiGrid-item-321{padding:12px}.MuiGrid-spacing-xs-32-344{width:calc(100% + 32px);margin:-16px}.MuiGrid-spacing-xs-32-344>.MuiGrid-item-321{padding:16px}.MuiGrid-spacing-xs-40-345{width:calc(100% + 40px);margin:-20px}.MuiGrid-spacing-xs-40-345>.MuiGrid-item-321{padding:20px}.MuiGrid-grid-xs-346{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xs-1-347{max-width:8.33333%;flex-basis:8.33333%}.MuiGrid-grid-xs-2-348{max-width:16.66667%;flex-basis:16.66667%}.MuiGrid-grid-xs-3-349{max-width:25%;flex-basis:25%}.MuiGrid-grid-xs-4-350{max-width:33.33333%;flex-basis:33.33333%}.MuiGrid-grid-xs-5-351{max-width:41.66667%;flex-basis:41.66667%}.MuiGrid-grid-xs-6-352{max-width:50%;flex-basis:50%}.MuiGrid-grid-xs-7-353{max-width:58.33333%;flex-basis:58.33333%}.MuiGrid-grid-xs-8-354{max-width:66.66667%;flex-basis:66.66667%}.MuiGrid-grid-xs-9-355{max-width:75%;flex-basis:75%}.MuiGrid-grid-xs-10-356{max-width:83.33333%;flex-basis:83.33333%}.MuiGrid-grid-xs-11-357{max-width:91.66667%;flex-basis:91.66667%}.MuiGrid-grid-xs-12-358{max-width:100%;flex-basis:100%}@media (min-width:600px){.MuiGrid-grid-sm-359{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-sm-1-360{max-width:8.33333%;flex-basis:8.33333%}.MuiGrid-grid-sm-2-361{max-width:16.66667%;flex-basis:16.66667%}.MuiGrid-grid-sm-3-362{max-width:25%;flex-basis:25%}.MuiGrid-grid-sm-4-363{max-width:33.33333%;flex-basis:33.33333%}.MuiGrid-grid-sm-5-364{max-width:41.66667%;flex-basis:41.66667%}.MuiGrid-grid-sm-6-365{max-width:50%;flex-basis:50%}.MuiGrid-grid-sm-7-366{max-width:58.33333%;flex-basis:58.33333%}.MuiGrid-grid-sm-8-367{max-width:66.66667%;flex-basis:66.66667%}.MuiGrid-grid-sm-9-368{max-width:75%;flex-basis:75%}.MuiGrid-grid-sm-10-369{max-width:83.33333%;flex-basis:83.33333%}.MuiGrid-grid-sm-11-370{max-width:91.66667%;flex-basis:91.66667%}.MuiGrid-grid-sm-12-371{max-width:100%;flex-basis:100%}}@media (min-width:960px){.MuiGrid-grid-md-372{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-md-1-373{max-width:8.33333%;flex-basis:8.33333%}.MuiGrid-grid-md-2-374{max-width:16.66667%;flex-basis:16.66667%}.MuiGrid-grid-md-3-375{max-width:25%;flex-basis:25%}.MuiGrid-grid-md-4-376{max-width:33.33333%;flex-basis:33.33333%}.MuiGrid-grid-md-5-377{max-width:41.66667%;flex-basis:41.66667%}.MuiGrid-grid-md-6-378{max-width:50%;flex-basis:50%}.MuiGrid-grid-md-7-379{max-width:58.33333%;flex-basis:58.33333%}.MuiGrid-grid-md-8-380{max-width:66.66667%;flex-basis:66.66667%}.MuiGrid-grid-md-9-381{max-width:75%;flex-basis:75%}.MuiGrid-grid-md-10-382{max-width:83.33333%;flex-basis:83.33333%}.MuiGrid-grid-md-11-383{max-width:91.66667%;flex-basis:91.66667%}.MuiGrid-grid-md-12-384{max-width:100%;flex-basis:100%}}@media (min-width:1280px){.MuiGrid-grid-lg-385{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-lg-1-386{max-width:8.33333%;flex-basis:8.33333%}.MuiGrid-grid-lg-2-387{max-width:16.66667%;flex-basis:16.66667%}.MuiGrid-grid-lg-3-388{max-width:25%;flex-basis:25%}.MuiGrid-grid-lg-4-389{max-width:33.33333%;flex-basis:33.33333%}.MuiGrid-grid-lg-5-390{max-width:41.66667%;flex-basis:41.66667%}.MuiGrid-grid-lg-6-391{max-width:50%;flex-basis:50%}.MuiGrid-grid-lg-7-392{max-width:58.33333%;flex-basis:58.33333%}.MuiGrid-grid-lg-8-393{max-width:66.66667%;flex-basis:66.66667%}.MuiGrid-grid-lg-9-394{max-width:75%;flex-basis:75%}.MuiGrid-grid-lg-10-395{max-width:83.33333%;flex-basis:83.33333%}.MuiGrid-grid-lg-11-396{max-width:91.66667%;flex-basis:91.66667%}.MuiGrid-grid-lg-12-397{max-width:100%;flex-basis:100%}}@media (min-width:1920px){.MuiGrid-grid-xl-398{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xl-1-399{max-width:8.33333%;flex-basis:8.33333%}.MuiGrid-grid-xl-2-400{max-width:16.66667%;flex-basis:16.66667%}.MuiGrid-grid-xl-3-401{max-width:25%;flex-basis:25%}.MuiGrid-grid-xl-4-402{max-width:33.33333%;flex-basis:33.33333%}.MuiGrid-grid-xl-5-403{max-width:41.66667%;flex-basis:41.66667%}.MuiGrid-grid-xl-6-404{max-width:50%;flex-basis:50%}.MuiGrid-grid-xl-7-405{max-width:58.33333%;flex-basis:58.33333%}.MuiGrid-grid-xl-8-406{max-width:66.66667%;flex-basis:66.66667%}.MuiGrid-grid-xl-9-407{max-width:75%;flex-basis:75%}.MuiGrid-grid-xl-10-408{max-width:83.33333%;flex-basis:83.33333%}.MuiGrid-grid-xl-11-409{max-width:91.66667%;flex-basis:91.66667%}.MuiGrid-grid-xl-12-410{max-width:100%;flex-basis:100%}}.StatusLabel-root-313{padding:8px;text-align:center;font-weight:700}.StatusLabel-pending_approval-315{color:#fff;background-color:#EF6C00}.StatusLabel-final-316{color:#fff;background-color:#388E3C}.Form-spacing-318{padding:20px}.Form-submitButton-319{margin-left:8px}.TabIndicator-root-310{width:100%;height:2px;bottom:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1) 0s;will-change:left,width}.TabIndicator-colorPrimary-311{background-color:#2196f3}.TabIndicator-colorSecondary-312{background-color:#f50057}.MuiTabs-root-289{overflow:hidden;min-height:48px;-webkit-overflow-scrolling:touch}.MuiTabs-scroller-291{flex:1 1 auto;display:inline-block;position:relative;white-space:nowrap}.MuiTabs-fixed-292{width:100%;overflow-x:hidden}.MuiTabs-scrollable-293{overflow-x:scroll}.MuiTabs-centered-294{justify-content:center}@media (max-width:599.95px){.MuiTabs-scrollButtonsAuto-296{display:none}}.MuiTab-root-298{flex:none;color:rgba(0,0,0,.87);height:48px;padding:0;position:relative;overflow:hidden;min-width:72px;max-width:264px;font-size:.875rem;font-weight:500;text-transform:uppercase}.MuiTab-labelIcon-299{height:72px}.MuiTab-textColorInherit-300{color:inherit;opacity:.7}.MuiTab-textColorInherit-300.MuiTab-selected-303{opacity:1}.MuiTab-textColorInherit-300.MuiTab-disabled-304{opacity:.4}.MuiTab-textColorPrimary-301{color:rgba(0,0,0,.54)}.MuiTab-textColorPrimary-301.MuiTab-selected-303{color:#2196f3}.MuiTab-textColorPrimary-301.MuiTab-disabled-304{color:rgba(0,0,0,.38)}.MuiTab-textColorSecondary-302{color:rgba(0,0,0,.54)}.MuiTab-textColorSecondary-302.MuiTab-selected-303{color:#f50057}.MuiFormControlLabel-label-440.MuiFormControlLabel-disabled-439,.MuiTab-textColorSecondary-302.MuiTab-disabled-304{color:rgba(0,0,0,.38)}.MuiTab-fullWidth-305{flex-grow:1}.MuiTab-wrapper-306{width:100%;display:inline-flex;align-items:center;flex-direction:column;justify-content:center}.MuiTab-labelContainer-307{padding:6px 12px}.MuiTab-label-308{font-size:.875rem;white-space:normal}@media (min-width:960px){.MuiTab-root-298{min-width:160px}.MuiTab-labelContainer-307{padding-left:24px;padding-right:24px}.MuiTab-label-308{font-size:.8125rem}}@media (max-width:959.95px){.MuiTab-labelWrapped-309{font-size:.75rem}}.EditPage-root-286{flex-grow:1;background-color:#fff}.EditPage-tab-287{padding:24px}.MuiFormControlLabel-root-438{cursor:pointer;display:inline-flex;align-items:center;margin-left:-14px;margin-right:16px}.MuiFormControlLabel-root-438.MuiFormControlLabel-disabled-439{cursor:default}.MuiSwitchBase-root-450{display:inline-flex;transition:none;align-items:center}.MuiSwitchBase-root-450:hover{background-color:transparent}.MuiSwitchBase-input-453{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;position:absolute}.MuiSwitch-root-441{width:62px;display:inline-flex;position:relative;flex-shrink:0;vertical-align:middle}.MuiSwitch-icon-442{width:20px;height:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);border-radius:50%;background-color:currentColor}.MuiSwitch-iconChecked-443{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.MuiSwitch-switchBase-444{color:#fafafa;z-index:1;transition:transform 150ms cubic-bezier(.4,0,.2,1) 0s}.MuiSwitch-checked-445{transform:translateX(14px)}.MuiSwitch-checked-445+.MuiSwitch-bar-449{opacity:.5}.MuiSwitch-colorPrimary-446.MuiSwitch-checked-445{color:#2196f3}.MuiSwitch-colorPrimary-446.MuiSwitch-checked-445+.MuiSwitch-bar-449{background-color:#2196f3}.MuiSwitch-colorSecondary-447.MuiSwitch-checked-445{color:#f50057}.MuiSwitch-colorSecondary-447.MuiSwitch-checked-445+.MuiSwitch-bar-449{background-color:#f50057}.MuiSwitch-bar-449,.MuiSwitch-disabled-448.MuiSwitch-switchBase-444+.MuiSwitch-bar-449{background-color:#000}.MuiSwitch-disabled-448+.MuiSwitch-bar-449{opacity:.12}.MuiSwitch-disabled-448 .MuiSwitch-icon-442{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.MuiSwitch-disabled-448.MuiSwitch-switchBase-444{color:#bdbdbd}.MuiSwitch-bar-449{top:50%;left:50%;width:34px;height:14px;display:block;opacity:.38;position:absolute;margin-top:-7px;transition:opacity 150ms cubic-bezier(.4,0,.2,1) 0s,background-color 150ms cubic-bezier(.4,0,.2,1) 0s;margin-left:-17px;border-radius:7px}.ExternalPartiesPage-nameField-266{flex-grow:1}.ExternalPartiesPage-introUnit-267{text-align:center}.ExternalPartiesPage-logo-268{font-size:10rem}@media (min-width:960px){.ExternalPartiesPage-logo-268{font-size:15rem}}.ExternalPartiesPage-benefitsList-269{width:21em;margin-left:auto;margin-right:auto;margin-bottom:3em}
</style>
</head>
<body>
<div data-react-class="App" data-react-props="{}"><div class="AppLayout-root-155 app-layout"><header class="MuiPaper-root-170 MuiPaper-elevation4-176 MuiAppBar-root-162 MuiAppBar-positionAbsolute-164 MuiAppBar-colorPrimary-168 AppLayout-appBar-156"><div class="MuiToolbar-root-197 MuiToolbar-gutters-198"><button tabindex="0" class="MuiButtonBase-root-205 MuiIconButton-root-199 MuiIconButton-colorInherit-200 AppLayout-navIcon-157" type="button" aria-label="open drawer"><span class="MuiIconButton-label-204"><span class="material-icons MuiIcon-root-208" aria-hidden="true">menu</span></span><span class="MuiTouchRipple-root-214"></span></button><h2 class="MuiTypography-root-221 MuiTypography-title-227 MuiTypography-colorInherit-240 MuiTypography-noWrap-237">edit: External Parties</h2></div></header><main class="AppLayout-content-160"><div class="AppLayout-toolbar-158"></div><div class="MuiPaper-root-170 MuiPaper-elevation2-174 MuiPaper-rounded-171"><header class="MuiPaper-root-170 MuiPaper-elevation4-176 MuiAppBar-root-162 MuiAppBar-positionStatic-166 MuiAppBar-colorDefault-167"><div class="MuiTabs-root-289"><div class="MuiTabs-flexContainer-290"><div class="MuiTabs-scroller-291 MuiTabs-fixed-292" role="tablist" style="margin-bottom: 0px;"><div class="MuiTabs-flexContainer-290"><a tabindex="0" class="MuiButtonBase-root-205 MuiTab-root-298 MuiTab-textColorPrimary-301 MuiTab-selected-303" role="tab" aria-selected="true" href="#/external_parties/edit/1/general"><span class="MuiTab-wrapper-306"><span class="MuiTab-labelContainer-307"><span class="MuiTab-label-308">general</span></span></span><span class="MuiTouchRipple-root-214"></span></a><a tabindex="0" class="MuiButtonBase-root-205 MuiTab-root-298 MuiTab-textColorPrimary-301" role="tab" aria-selected="false" href="#/external_parties/edit/1/relations"><span class="MuiTab-wrapper-306"><span class="MuiTab-labelContainer-307"><span class="MuiTab-label-308">relations</span></span></span><span class="MuiTouchRipple-root-214"></span></a><a tabindex="0" class="MuiButtonBase-root-205 MuiTab-root-298 MuiTab-textColorPrimary-301" role="tab" aria-selected="false" href="#/external_parties/edit/1/analysis"><span class="MuiTab-wrapper-306"><span class="MuiTab-labelContainer-307"><span class="MuiTab-label-308">analysis</span></span></span><span class="MuiTouchRipple-root-214"></span></a></div><span class="TabIndicator-root-310 TabIndicator-colorPrimary-311 MuiTabs-indicator-297" style="left: 0px; width: 85px;"></span></div></div></div></header><div class="MuiTypography-root-221 MuiTypography-body1-230 EditPage-tab-287"><div class="MuiPaper-root-170 StatusLabel-root-313 MuiPaper-elevation1-173 MuiPaper-rounded-171 StatusLabel-final-316">final</div><div class="MuiGrid-container-320 MuiGrid-justify-xs-center-337"><div class="MuiGrid-item-321 MuiGrid-grid-xs-12-358 MuiGrid-grid-sm-8-367 MuiGrid-grid-md-6-378 MuiGrid-grid-xl-4-402 Form-spacing-318"><form class="Form-form-317" margin="normal"><div class="MuiFormControl-root-411 MuiFormControl-fullWidth-414 ExternalPartiesPage-nameField-266"><label class="MuiFormLabel-root-420 MuiInputLabel-root-415 MuiInputLabel-formControl-416 MuiInputLabel-animated-419 MuiInputLabel-shrink-418" data-shrink="true" for="name">External Party<span class="MuiFormLabel-asterisk-424"> *</span></label><div class="MuiInput-root-425 MuiInput-fullWidth-432 MuiInput-formControl-426 MuiInput-underline-429"><input aria-invalid="false" aria-required="true" class="MuiInput-input-433" id="name" required="" type="text" value="newName" /></div></div><div class="MuiFormControl-root-411 MuiFormControl-fullWidth-414"><label class="MuiFormLabel-root-420 MuiInputLabel-root-415 MuiInputLabel-formControl-416 MuiInputLabel-animated-419 MuiInputLabel-shrink-418" data-shrink="true" for="country">Country<span class="MuiFormLabel-asterisk-424"> *</span></label><div class="MuiInput-root-425 MuiInput-fullWidth-432 MuiInput-formControl-426 MuiInput-underline-429"><input aria-invalid="false" aria-required="true" class="MuiInput-input-433" id="country" required="" type="text" value="GermanyPapa New Guinea" /></div></div><label class="MuiFormControlLabel-root-438"><span class="MuiSwitch-root-441"><span class="MuiButtonBase-root-205 MuiIconButton-root-199 MuiSwitchBase-root-450 MuiSwitch-switchBase-444 MuiSwitch-colorPrimary-446 MuiSwitchBase-checked-451 MuiSwitch-checked-445" label="In EU" required=""><span class="MuiIconButton-label-204"><span class="MuiSwitch-icon-442 MuiSwitch-iconChecked-443"></span><input id="in_eu" type="checkbox" name="in_eu" class="MuiSwitchBase-input-453" value="" /></span><span class="MuiTouchRipple-root-214"></span></span><span class="MuiSwitch-bar-449"></span></span><span class="MuiTypography-root-221 MuiTypography-body1-230 MuiFormControlLabel-label-440">In EU</span></label><div class="MuiFormControl-root-411 MuiFormControl-marginNormal-412"><label class="MuiFormLabel-root-420 MuiFormLabel-focused-421 MuiInputLabel-root-415 MuiInputLabel-formControl-416 MuiInputLabel-animated-419 MuiInputLabel-shrink-418" data-shrink="true" for="comments">Comments</label><div class="MuiInput-root-425 MuiInput-focused-427 MuiInput-formControl-426 MuiInput-multiline-431 MuiInput-underline-429"><div class="Textarea-root-454" style="height: 76px;"><textarea class="Textarea-shadow-456 Textarea-textarea-455" tabindex="-1" rows="1" readonly="" aria-hidden="true"></textarea><textarea class="Textarea-shadow-456 Textarea-textarea-455" tabindex="-1" rows="1" aria-hidden="true" readonly="">these are some fine comments here, shame if something happened to them</textarea><textarea rows="1" class="Textarea-textarea-455 MuiInput-input-433 MuiInput-inputMultiline-435" aria-invalid="false" aria-required="false" id="comments" type="text">these are some fine comments here, shame if something happened to them</textarea></div></div></div><button tabindex="0" class="MuiButtonBase-root-205 MuiButton-root-457 MuiButton-raised-463 MuiButton-raisedPrimary-464 Form-submitButton-319" type="submit"><span class="MuiButton-label-458">Save</span><span class="MuiTouchRipple-root-214"></span></button></form></div></div><button tabindex="0" class="MuiButtonBase-root-205 MuiIconButton-root-199 MuiIconButton-colorSecondary-202 EditPage-button-288" type="button" aria-label="Delete"><span class="MuiIconButton-label-204"><svg xmlns="http://www.w3.org/2000/svg" class="MuiSvgIcon-root-473" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><g><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></g></svg></span><span class="MuiTouchRipple-root-214"></span></button></div></div><a class="active" aria-current="true" href="#/external_parties"><button tabindex="0" class="MuiButtonBase-root-205 MuiButton-root-457 MuiButton-flatPrimary-459 EditPage-button-288" type="button"><span class="MuiButton-label-458"><svg xmlns="http://www.w3.org/2000/svg" class="MuiSvgIcon-root-473" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><g><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></g></svg>External Parties listing</span><span class="MuiTouchRipple-root-214"></span></button></a></main></div></div>
</body></html>
twalpole commented 6 years ago

Just by looking at the page you can see that it's not a normal check box. You are hiding the checkbox via CSS (opacity: 0) and replacing it with an image for styling reasons. Since the checkbox isn't visible Capybara can't find it. There are a couple of ways to deal with this, either find the element that contains the image being used as a replacement for the checkbox and click on that, or tell check/uncheck that it's allowed to click on the label if necessary to switch the checkbox

sess.uncheck 'in_eu', allow_label_click: true

You can enable label clicking behavior by default if you want by setting

Capybara.automatic_label_click = true