ODC-7275: Implement invoke serverless functions

[Lucifergene]

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.11.mp4

E2E test coverage report:

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
   https://github.com/openshift-dev-console/kn-func-typescript-cloudevents
3. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.
4. Change the input if needed or click Test in the Modal that will open.
5. You will see the Response Code with Body.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.7.mp4

Unit test coverage report:
In Progress

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
3. Open Chrome Dev Tools and go to the Application Tab. Select the Local Storage option under the Storage section. Under Local Storage, select the current domain.
4. You will find a Key named "KNATIVE_SERVERLESS_FUNCTION_TEST" and the value set to "false".
5. Change this value to "true"
6. Refresh the Page
7. Go back to the Topology Page.
8. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[Lucifergene]

/uncc @christianvogt
/cc @vikram-raj
/cc @jerolimov

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.8.mp4

Unit test coverage report:
In Progress

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
3. Open Chrome Dev Tools and go to the Application Tab. Select the Local Storage option under the Storage section. Under Local Storage, select the current domain.
4. You will find a Key named "KNATIVE_SERVERLESS_FUNCTION_TEST" and the value set to "false".
5. Change this value to "true"
6. Refresh the Page
7. Go back to the Topology Page.
8. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[serenamarie125]

@erthalion, I don't remember your design, but do you think the button on the last screen should be Cancel or Close? The user is closing the modal, not canceling an action, so I'd suggest Close, but deferring to you!

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.8.mp4

Unit test coverage report:
In Progress

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
3. Open Chrome Dev Tools and go to the Application Tab. Select the Local Storage option under the Storage section. Under Local Storage, select the current domain.
4. You will find a Key named "KNATIVE_SERVERLESS_FUNCTION_TEST" and the value set to "false".
5. Change this value to "true"
6. Refresh the Page
7. Go back to the Topology Page.
8. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.8.mp4

Unit test coverage report:
In Progress

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
3. Open Chrome Dev Tools and go to the Application Tab. Select the Local Storage option under the Storage section. Under Local Storage, select the current domain.
4. You will find a Key named "KNATIVE_SERVERLESS_FUNCTION_TEST" and the value set to "false".
5. Change this value to "true"
6. Refresh the Page
7. Go back to the Topology Page.
8. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.8.mp4

E2E test coverage report:

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
   https://github.com/openshift-dev-console/kn-func-typescript-cloudevents
3. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.
4. Change the input if needed or click Test in the Modal that will open.
5. You will see the Response Code with Body.

Note: To test this PR, you will need to build the backend from #12789

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.11.mp4

E2E test coverage report:

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
   https://github.com/openshift-dev-console/kn-func-typescript-cloudevents
3. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.
4. Change the input if needed or click Test in the Modal that will open.
5. You will see the Response Code with Body.

Note: To test this PR, you will need to build the backend from #12789

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[vikram-raj]

@Lucifergene Frontend test is failing due to lint error.

[vikram-raj]

Can we disable the Test Serverless Function option until the Revision of the Serverless Function is up and running? As Test Serverless Function does nothing on clicking until the revision is up and running and getting a 404 error for the service. wdyt? @jerolimov @Lucifergene

[Lucifergene]

/test e2e-gcp-console

[Lucifergene]

Getting 403 error for the invoke API call.

InvokeServerlessFunction.mov

Its fixed now :)
Thanks @jerolimov

Tab-Topology.Red.Hat.OpenShift.7.mp4

[jerolimov]

/retest

[jerolimov]

Some smaller change ideas. Please take a look and let me know what you think:

[jerolimov]

Is this wait really needed? The next cypress condition also waits until the test-id is visible, or?

[Lucifergene]

Actually, the time required for the revision to appear seems more than the default timeout set. Therefore, need to explicitly put a wait :)

[openshift-ci-robot]

@Lucifergene: This pull request references ODC-7275 which is a valid jira issue.

In response to this:

Fixes:
https://issues.redhat.com/browse/ODC-7275

Task List:

• Updated UI to latest design
• Attach Backend Proxy
• Write E2E Tests

Screen shots / Gifs for design review:

Tab-Topology.OKD.11.mp4

E2E test coverage report:

Test setup:

1. Install Serverless Operator and Serving Instance
2. Create a Serverless Function from the Form in the Add Page
   https://github.com/openshift-dev-console/kn-func-typescript-cloudevents
3. Click the "Test Serverless Function" option from the Actions Menu on the Right Sidebar that is visible when the Knative Service ( of the Serverless fn) is clicked.
4. Change the input if needed or click Test in the Modal that will open.
5. You will see the Response Code with Body.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[jerolimov]

Tested this on a cluster bot instance with different HTTP and cloudevents kn functions. We can fine-tune the modal and displayed data later if needed.

/lgtm
/approve

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: jerolimov, Lucifergene

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [jerolimov]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[vikram-raj]

Propagate labels from the epic:

/label docs-approved
/label px-approved

[vikram-raj]

/retest

[Lucifergene]

/retest

[jerolimov]

/retest

[Lucifergene]

/retest

[Lucifergene]

/retest

[jerolimov]

@sanketpathak Let us know when we should address any e2e or test-related changes here. I'm mostly sure that we will have a follow up PR. Enjoy your pto 🌴

/label qe-approved

[openshift-ci-robot]

/retest-required

Remaining retests: 0 against base HEAD b9185dd and 2 for PR HEAD 58fceee in total

[invincibleJai]

/retest

[openshift-ci]

@Lucifergene: all tests passed!

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository. I understand the commands that are listed here.