testsuite/ui/multinode: adding more UI tests (#4301)
added tests for add node (check modal, cancel with separate buttons, add new node, add node that already exists) and more options (change display name, delete node(&cancel delete), copy node ID).
This commit is contained in:
nadimhq
GitHub
parent
c10cc302b5
commit
a04b9ce372
96
testsuite/ui/multinode/add_node_test.go
Normal file
96
testsuite/ui/multinode/add_node_test.go
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
// Copyright (C) 2021 Storj Labs, Inc.
|
||||||
|
// See LICENSE for copying information.
|
||||||
|
|
||||||
|
package multinode
|
||||||
|
|
||||||
|
import (
|
||||||
|
"testing"
|
||||||
|
|
||||||
|
"github.com/go-rod/rod"
|
||||||
|
"github.com/stretchr/testify/require"
|
||||||
|
|
||||||
|
"storj.io/common/testcontext"
|
||||||
|
"storj.io/storj/private/testplanet"
|
||||||
|
"storj.io/storj/testsuite/ui/uitest"
|
||||||
|
)
|
||||||
|
|
||||||
|
func TestAddNewNodeButton(t *testing.T) {
|
||||||
|
uitest.Multinode(t, 1, func(t *testing.T, ctx *testcontext.Context, planet *testplanet.Planet, browser *rod.Browser) {
|
||||||
|
startPage := planet.Multinodes[0].ConsoleURL() + "/add-first-node"
|
||||||
|
page := openPage(browser, startPage)
|
||||||
|
|
||||||
|
node := planet.StorageNodes[0]
|
||||||
|
node2 := planet.StorageNodes[1]
|
||||||
|
|
||||||
|
page.MustElement("input#Node\\ ID.headered-input").MustInput(node.ID().String())
|
||||||
|
page.MustElement("input#Public\\ IP\\ Address.headered-input").MustInput(node.Addr())
|
||||||
|
page.MustElement("input#API\\ Key.headered-input").MustInput(node.APIKey())
|
||||||
|
|
||||||
|
addNodeButton := page.MustElementR(".add-first-node__left-area__button", "Add Node").MustClick()
|
||||||
|
require.Equal(t, "Add Node", addNodeButton.MustText())
|
||||||
|
page.MustWaitNavigation()
|
||||||
|
|
||||||
|
nodesPageTitle := page.MustElement("h1.my-nodes__title").MustText()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
|
||||||
|
// Test- Clicks on new node button and checks if it opens up add new node modal
|
||||||
|
newNodeButton := page.MustElement("div.container > span.label")
|
||||||
|
newNodeButton.MustClick()
|
||||||
|
addNewNodeTitle := page.MustElement("h2:nth-child(1)").MustText()
|
||||||
|
require.Equal(t, "Add New Node", addNewNodeTitle)
|
||||||
|
|
||||||
|
// Test- Cancels the addition of new node in dashboard by clicking X button to cancel
|
||||||
|
page.MustElement("div.modal__cross > svg:nth-child(1)").MustClick()
|
||||||
|
list := page.MustElements("div.modal")
|
||||||
|
require.Equal(t, 0, len(list))
|
||||||
|
|
||||||
|
// Test- Cancels the addition of new node in dashboard by clicking on cancel button
|
||||||
|
newNodeButton.MustClick()
|
||||||
|
require.Equal(t, "Add New Node", addNewNodeTitle)
|
||||||
|
CancelButton := page.MustElement("div.container.white:nth-child(1)")
|
||||||
|
CancelButton.MustClick()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
|
||||||
|
// Repeat Test- Change Node Display Name
|
||||||
|
moreOptionsButton := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton.MustClick()
|
||||||
|
page.MustElement("div.update-name__button").MustClick()
|
||||||
|
setNewNameTitle := page.MustElement("div.modal__header > h2:nth-child(1)").MustText()
|
||||||
|
// checks for new name modal and checks if name was changed
|
||||||
|
require.Equal(t, "Set name for node", setNewNameTitle)
|
||||||
|
newDisplayNameField := page.MustElementX("//input[@id='Displayed name']")
|
||||||
|
newDisplayNameField.MustInput("newnodename")
|
||||||
|
setNameButton := page.MustElement("div.container:nth-child(2)")
|
||||||
|
setNameButton.MustClick()
|
||||||
|
originalNodeID := page.MustElement("tr.table-item:nth-child(1) > th.align-left:nth-child(1)").MustText()
|
||||||
|
require.Equal(t, node.ID().String(), originalNodeID)
|
||||||
|
newNodeDisplay := page.MustElementX("//th[contains(text(),'newnodename')]").MustText()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test- Add node that already exists, node doesn't get added and after trying to add it it goes back to My Nodes Page
|
||||||
|
newNodeButton.MustClick()
|
||||||
|
enterNodeIDfield := page.MustElementX("//input[@id='Node ID']")
|
||||||
|
enterNodeIDfield.MustInput(node.ID().String())
|
||||||
|
enterPublicIPAddress := page.MustElementX("//input[@id='Public IP Address']")
|
||||||
|
enterPublicIPAddress.MustInput(node.Addr())
|
||||||
|
enterAPIKey := page.MustElementX("//input[@id='API Key']")
|
||||||
|
enterAPIKey.MustInput(node.APIKey())
|
||||||
|
CreateButton := page.MustElement("div.container:nth-child(2)")
|
||||||
|
CreateButton.MustClick()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
|
||||||
|
// Test- Adding a node with new node button
|
||||||
|
newNodeButton.MustClick()
|
||||||
|
enterNodeIDfield1 := page.MustElementX("//input[@id='Node ID']")
|
||||||
|
enterNodeIDfield1.MustInput(node2.ID().String())
|
||||||
|
enterPublicIPAddress1 := page.MustElementX("//input[@id='Public IP Address']")
|
||||||
|
enterPublicIPAddress1.MustInput(node2.Addr())
|
||||||
|
enterAPIKey1 := page.MustElementX("//input[@id='API Key']")
|
||||||
|
enterAPIKey1.MustInput(node2.APIKey())
|
||||||
|
CreateButton1 := page.MustElement("div.container:nth-child(2)")
|
||||||
|
CreateButton1.MustClick()
|
||||||
|
newNodeID := page.MustElement("tr.table-item:nth-child(2) > th.align-left:nth-child(1)").MustText()
|
||||||
|
require.Equal(t, node2.ID().String(), newNodeID)
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
131
testsuite/ui/multinode/node_more_options_test.go
Normal file
131
testsuite/ui/multinode/node_more_options_test.go
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
// Copyright (C) 2021 Storj Labs, Inc.
|
||||||
|
// See LICENSE for copying information.
|
||||||
|
|
||||||
|
package multinode
|
||||||
|
|
||||||
|
import (
|
||||||
|
"testing"
|
||||||
|
|
||||||
|
"github.com/go-rod/rod"
|
||||||
|
"github.com/stretchr/testify/require"
|
||||||
|
|
||||||
|
"storj.io/common/testcontext"
|
||||||
|
"storj.io/storj/private/testplanet"
|
||||||
|
"storj.io/storj/testsuite/ui/uitest"
|
||||||
|
)
|
||||||
|
|
||||||
|
func TestDropdownMoreOptionsMultinode(t *testing.T) {
|
||||||
|
uitest.Multinode(t, 1, func(t *testing.T, ctx *testcontext.Context, planet *testplanet.Planet, browser *rod.Browser) {
|
||||||
|
startPage := planet.Multinodes[0].ConsoleURL() + "/add-first-node"
|
||||||
|
page := openPage(browser, startPage)
|
||||||
|
|
||||||
|
node := planet.StorageNodes[0]
|
||||||
|
|
||||||
|
page.MustElement("input#Node\\ ID.headered-input").MustInput(node.ID().String())
|
||||||
|
page.MustElement("input#Public\\ IP\\ Address.headered-input").MustInput(node.Addr())
|
||||||
|
page.MustElement("input#API\\ Key.headered-input").MustInput(node.APIKey())
|
||||||
|
|
||||||
|
addNodeButton := page.MustElementR(".add-first-node__left-area__button", "Add Node").MustClick()
|
||||||
|
require.Equal(t, "Add Node", addNodeButton.MustText())
|
||||||
|
page.MustWaitNavigation()
|
||||||
|
|
||||||
|
nodesPageTitle := page.MustElement("h1.my-nodes__title").MustText()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
|
||||||
|
// Test- Change Node Display Name
|
||||||
|
moreOptionsButton0 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton0.MustClick()
|
||||||
|
page.MustElement("div.update-name__button").MustClick()
|
||||||
|
setNewNameTitle := page.MustElement("div.modal__header > h2:nth-child(1)").MustText()
|
||||||
|
// checks for new name modal and checks if name was changed
|
||||||
|
require.Equal(t, "Set name for node", setNewNameTitle)
|
||||||
|
newDisplayNameField := page.MustElementX("//input[@id='Displayed name']")
|
||||||
|
newDisplayNameField.MustInput("newnodename")
|
||||||
|
setNameButton := page.MustElement("div.container:nth-child(2)")
|
||||||
|
setNameButton.MustClick()
|
||||||
|
originalNodeID := page.MustElement("tr.table-item:nth-child(1) > th.align-left:nth-child(1)").MustText()
|
||||||
|
require.Equal(t, node.ID().String(), originalNodeID)
|
||||||
|
newNodeDisplay := page.MustElementX("//th[contains(text(),'newnodename')]").MustText()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test- Cancel Change Node Display Name with X Button
|
||||||
|
moreOptionsButton1 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton1.MustClick()
|
||||||
|
page.MustElement("div.update-name__button").MustClick()
|
||||||
|
page.MustElementX("//input[@id='Displayed name']").MustInput("NEWNAME")
|
||||||
|
xButton0 := page.MustElement("div.modal__cross ")
|
||||||
|
xButton0.MustClick()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test- Cancel Change Node Display Name with Cancel Button
|
||||||
|
moreOptionsButton2 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton2.MustClick()
|
||||||
|
page.MustElement("div.update-name__button").MustClick()
|
||||||
|
page.MustElementX("//input[@id='Displayed name']").MustInput("NEWNAME")
|
||||||
|
cancelButton0 := page.MustElement("div.container.white")
|
||||||
|
cancelButton0.MustClick()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test Cancel Delete Node Option with X Button
|
||||||
|
moreOptionsButton3 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton3.MustClick()
|
||||||
|
deleteNodeButton0 := page.MustElement("div.delete-node__button")
|
||||||
|
deleteNodeButton0.MustClick()
|
||||||
|
deleteNodeTitle0 := page.MustElement("div.modal__header").MustText()
|
||||||
|
require.Equal(t, "Delete this node?", deleteNodeTitle0)
|
||||||
|
xButton1 := page.MustElement("div.modal__cross")
|
||||||
|
xButton1.MustClick()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test Cancel Delete Node Option with Cancel Button
|
||||||
|
moreOptionsButton4 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton4.MustClick()
|
||||||
|
deleteNodeButton1 := page.MustElement("div.delete-node__button")
|
||||||
|
deleteNodeButton1.MustClick()
|
||||||
|
deleteNodeTitle1 := page.MustElement("div.modal__header").MustText()
|
||||||
|
require.Equal(t, "Delete this node?", deleteNodeTitle1)
|
||||||
|
cancelButton1 := page.MustElement("div.container.white")
|
||||||
|
cancelButton1.MustClick()
|
||||||
|
require.Equal(t, "newnodename", newNodeDisplay)
|
||||||
|
|
||||||
|
// Test Delete Node Option
|
||||||
|
moreOptionsButton6 := page.MustElement("div.options-button > svg:nth-child(1)")
|
||||||
|
moreOptionsButton6.MustClick()
|
||||||
|
deleteNodeButton2 := page.MustElement("div.delete-node__button")
|
||||||
|
deleteNodeButton2.MustClick()
|
||||||
|
deleteNodeTitle2 := page.MustElement("div.modal__header").MustText()
|
||||||
|
require.Equal(t, "Delete this node?", deleteNodeTitle2)
|
||||||
|
deleteButton := page.MustElement("div.container:nth-child(2)")
|
||||||
|
deleteButton.MustClick()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
|
||||||
|
// Test- Copy Node ID, first node has to be added back
|
||||||
|
newNodeButton := page.MustElement("div.container > span.label")
|
||||||
|
newNodeButton.MustClick()
|
||||||
|
enterNodeIDfield := page.MustElementX("//input[@id='Node ID']")
|
||||||
|
enterNodeIDfield.MustInput(node.ID().String())
|
||||||
|
enterPublicIPAddress := page.MustElementX("//input[@id='Public IP Address']")
|
||||||
|
enterPublicIPAddress.MustInput(node.Addr())
|
||||||
|
enterAPIKey := page.MustElementX("//input[@id='API Key']")
|
||||||
|
enterAPIKey.MustInput(node.APIKey())
|
||||||
|
CreateButton := page.MustElement("div.container:nth-child(2)")
|
||||||
|
CreateButton.MustClick()
|
||||||
|
require.Equal(t, "My Nodes", nodesPageTitle)
|
||||||
|
// Then it clicks on the more options for nodes and node ID is copied
|
||||||
|
moreOptionsButton5 := page.MustElement(".options-button")
|
||||||
|
moreOptionsButton5.MustClick()
|
||||||
|
dropDownCopyNodeID := page.MustElement("div.options:nth-child(2) > div.options__item")
|
||||||
|
dropDownCopyNodeID.MustClick()
|
||||||
|
// Clicks on more options again and then update node name
|
||||||
|
moreOptionsButton5.MustClick()
|
||||||
|
dropDownUpdateName := page.MustElement("div.update-name__button")
|
||||||
|
dropDownUpdateName.MustClick()
|
||||||
|
// Paste node ID to input and checks if it matches current name (default nodeID)
|
||||||
|
input := page.MustElementX("//input[@id='Displayed name']")
|
||||||
|
input.MustPress('\u0408')
|
||||||
|
copiedInput := page.MustElementX("//input[@id='Displayed name']").MustText()
|
||||||
|
nodeID := page.MustElement("div.update-name__body__node-id-container > span:nth-child(1)").MustText()
|
||||||
|
require.Equal(t, nodeID, copiedInput)
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
2
web/multinode/package-lock.json
generated
2
web/multinode/package-lock.json
generated
@ -36191,7 +36191,7 @@
|
|||||||
"eslint-plugin-storj": {
|
"eslint-plugin-storj": {
|
||||||
"version": "git+https://git@github.com/storj/eslint-storj.git#5f952ffab7141e752cc095e5f024c39bab89679f",
|
"version": "git+https://git@github.com/storj/eslint-storj.git#5f952ffab7141e752cc095e5f024c39bab89679f",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"from": "eslint-plugin-storj@https://github.com/storj/eslint-storj"
|
"from": "eslint-plugin-storj@github:storj/eslint-storj"
|
||||||
},
|
},
|
||||||
"eslint-plugin-vue": {
|
"eslint-plugin-vue": {
|
||||||
"version": "7.16.0",
|
"version": "7.16.0",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user