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": {
|
||||
"version": "git+https://git@github.com/storj/eslint-storj.git#5f952ffab7141e752cc095e5f024c39bab89679f",
|
||||
"dev": true,
|
||||
"from": "eslint-plugin-storj@https://github.com/storj/eslint-storj"
|
||||
"from": "eslint-plugin-storj@github:storj/eslint-storj"
|
||||
},
|
||||
"eslint-plugin-vue": {
|
||||
"version": "7.16.0",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user