influxdata / influxdata/ui

Notebook(Alerts): URL inputs do not enforce or validate a standard URL expression

Open
#4,022 0 comments 0 reactions 0 assignees View on GitHub
area/notebooks bonitoo kind/bug team/automation team/ui team/unity
Dominant language
TypeScript
Stars
117
Forks
51
Avg merge
2d 15h
Merged PRs (30d)
4

Description

## About the bug

**Steps to reproduce:**
List the minimal actions needed to reproduce the behavior.

1. Go to Influxdbv2 UI (note that during this test the feature flag 'notebooksNewEndpoints' was set)
2. Add test data to a bucket
3. Create an Alert Notebook
4. Use the test data to define the query
5. In the alert section choose HTTP (Note same issue occurs with other integrations)
6. In the URL input add a string that DOES NOT MATCH a typical URL pattern ( https?://.+ ) e.g. "NotAnyURL"

**Expected behavior:**

In a control labelled URL, it would be expected that the UI would enforce or encourage a valid value. For example the control border could be colored red until the value matches the pattern, or a warning icon might be shown.

**Actual behavior:**

Any string is accepted and there is no validation during user interaction, that the value is not typical for a URL.

**Visual Proof:**

![NoControlOfHTTPInputCorrectness01](https://user-images.githubusercontent.com/25881301/157046903-97fe080b-bc7a-4e88-9505-1c8826430628.png)

## About your environment

**Environment info:**

Testing against K8SIDPE Remocal

Latest commit in project UI

```
commit 22850c6b4a45fa63c8e8cf267439f90cc8e58460 (HEAD -> master, upstream/master, origin/master, origin/HEAD)
Author: Jakub Bednář
Date: Mon Mar 7 08:19:59 2022 +0100
```

Latest commit in K8SIDPE

```
commit 7f2c8fcedb1170828a73670afccd8565685fcf74 (HEAD -> master, origin/master, origin/alchemy/automatic, origin/HEAD)
Author: Hercules Mango Churchill
Date: Mon Mar 7 08:17:01 2022 +0000
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.