diff --git a/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.test.tsx b/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.test.tsx index 5bcd235b9b60e..3a13be1aa3f68 100644 --- a/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.test.tsx +++ b/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.test.tsx @@ -203,6 +203,11 @@ describe('', () => { getAllByLabelText('Zip URL').forEach((node) => { expect(node).toBeInTheDocument(); }); + expect( + getByText( + /To create a "Browser" monitor, please ensure you are using the elastic-agent-complete Docker container, which contains the dependencies to run these mon/ + ) + ).toBeInTheDocument(); // ensure at least one browser advanced option is present advancedOptionsButton = getByText('Advanced Browser options'); diff --git a/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.tsx b/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.tsx index 87f7a98aa4a6f..d641df9c44c5f 100644 --- a/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.tsx +++ b/x-pack/plugins/uptime/public/components/fleet_package/custom_fields.tsx @@ -15,6 +15,8 @@ import { EuiSpacer, EuiDescribedFormGroup, EuiCheckbox, + EuiCallOut, + EuiLink, } from '@elastic/eui'; import { ConfigKeys, DataStream, Validation } from './types'; import { useMonitorTypeContext } from './contexts'; @@ -122,6 +124,34 @@ export const CustomFields = memo( /> )} + + {isBrowser && ( + + + + ), + }} + /> + } + iconType="help" + size="s" + /> + )} + {renderSimpleFields(monitorType)}