testsuite/ui/satellite: add ui tests for new access grant flow
also fix typo in web/satellite CreateAccessModal.vue github issue: https://github.com/storj/storj/issues/4825 Change-Id: I6f66e604ed3d0899aa2ec83a0638c43d4b5e1e42
This commit is contained in:
parent
6a1d7c8747
commit
43ed35e025
231
testsuite/ui/satellite/access_management_test.go
Normal file
231
testsuite/ui/satellite/access_management_test.go
Normal file
@ -0,0 +1,231 @@
|
||||
// Copyright (C) 2021 Storj Labs, Inc.
|
||||
// See LICENSE for copying information.
|
||||
|
||||
package satellite_test
|
||||
|
||||
import (
|
||||
"testing"
|
||||
|
||||
"github.com/go-rod/rod"
|
||||
"github.com/stretchr/testify/require"
|
||||
|
||||
"storj.io/common/testcontext"
|
||||
"storj.io/storj/testsuite/ui/uitest"
|
||||
)
|
||||
|
||||
func TestCreateAccessGrant(t *testing.T) {
|
||||
uitest.Edge(t, func(t *testing.T, ctx *testcontext.Context, planet *uitest.EdgePlanet, browser *rod.Browser) {
|
||||
page := openPage(browser, planet.Satellites[0].ConsoleURL())
|
||||
|
||||
accessGrantName := "myTestAccessGrant"
|
||||
|
||||
// Sign up and login.
|
||||
signUpWithUser(t, planet, page)
|
||||
loginWithUser(t, planet, page)
|
||||
|
||||
// continue to dashboard
|
||||
page.MustElementR("span", "Continue in web ->").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Access Management Page
|
||||
page.MustElement("[href=\"/access-grants\"]").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Make access grant
|
||||
page.MustElementR("span", "Create Access Grant").MustClick()
|
||||
waitVueTick(page)
|
||||
page.MustElement("#access-grant-check").MustClick()
|
||||
page.MustElement("[placeholder=\"Input Access Name\"]").MustInput(accessGrantName)
|
||||
page.MustElement("#permissions__all-check").MustClick()
|
||||
page.MustElementR(".label", "Encrypt My Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Encrypt
|
||||
page.MustElement("[placeholder=\"Input Your Passphrase\"]").MustInput("my test passphrase")
|
||||
page.MustElementR(".label", "Copy to clipboard").MustClick()
|
||||
page.MustElement("[type=\"checkbox\"]").MustClick()
|
||||
page.MustElementR(".label", "Create my Access").MustClick()
|
||||
|
||||
accessGrant := page.MustElement(".access-grant__modal-container__generated-credentials__text").MustText()
|
||||
require.NotEmpty(t, accessGrant)
|
||||
|
||||
page.MustElement(".access-grant__modal-container__header-container__close-cross-container").MustClick()
|
||||
|
||||
// Check that the new access is listed
|
||||
page.MustElementR(".name", accessGrantName)
|
||||
})
|
||||
}
|
||||
|
||||
func TestCreateS3Credentials(t *testing.T) {
|
||||
uitest.Edge(t, func(t *testing.T, ctx *testcontext.Context, planet *uitest.EdgePlanet, browser *rod.Browser) {
|
||||
page := openPage(browser, planet.Satellites[0].ConsoleURL())
|
||||
|
||||
s3CredsName := "myTestS3Creds"
|
||||
|
||||
// Sign up and login.
|
||||
signUpWithUser(t, planet, page)
|
||||
loginWithUser(t, planet, page)
|
||||
|
||||
// continue to dashboard
|
||||
page.MustElementR("span", "Continue in web ->").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Access Management Page
|
||||
page.MustElement("[href=\"/access-grants\"]").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Make s3 creds
|
||||
page.MustElementR("span", "Create S3 Credentials").MustClick()
|
||||
waitVueTick(page)
|
||||
page.MustElement("#s3-check").MustClick()
|
||||
page.MustElement("[placeholder=\"Input Access Name\"]").MustInput(s3CredsName)
|
||||
page.MustElement("#permissions__all-check").MustClick()
|
||||
page.MustElementR(".label", "Encrypt My Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Encrypt
|
||||
page.MustElement("[placeholder=\"Input Your Passphrase\"]").MustInput("my test passphrase")
|
||||
page.MustElementR(".label", "Copy to clipboard").MustClick()
|
||||
page.MustElement("[type=\"checkbox\"]").MustClick()
|
||||
page.MustElementR(".label", "Create my Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Check credentials
|
||||
checkCredentials(t, page, "Access Key")
|
||||
checkCredentials(t, page, "Secret Key")
|
||||
checkCredentials(t, page, "Endpoint")
|
||||
|
||||
page.MustElement(".access-grant__modal-container__header-container__close-cross-container").MustClick()
|
||||
|
||||
// Check that the new access is listed
|
||||
page.MustElementR(".name", s3CredsName)
|
||||
})
|
||||
}
|
||||
|
||||
func TestCreateCLIKeys(t *testing.T) {
|
||||
uitest.Edge(t, func(t *testing.T, ctx *testcontext.Context, planet *uitest.EdgePlanet, browser *rod.Browser) {
|
||||
page := openPage(browser, planet.Satellites[0].ConsoleURL())
|
||||
|
||||
myCLIKey := "myCLIKey"
|
||||
|
||||
// Sign up and login.
|
||||
signUpWithUser(t, planet, page)
|
||||
loginWithUser(t, planet, page)
|
||||
|
||||
// continue to dashboard
|
||||
page.MustElementR("span", "Continue in web ->").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Access Management Page
|
||||
page.MustElement("[href=\"/access-grants\"]").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Make cli creds
|
||||
page.MustElementR("span", "Create Keys for CLI").MustClick()
|
||||
waitVueTick(page)
|
||||
page.MustElement("#api-check").MustClick()
|
||||
page.MustElement("[placeholder=\"Input Access Name\"]").MustInput(myCLIKey)
|
||||
page.MustElement("#permissions__all-check").MustClick()
|
||||
page.MustElement(".access-grant__modal-container__footer-container__encrypt-button").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Check credentials
|
||||
checkCredentials(t, page, "Satellite Address")
|
||||
checkCredentials(t, page, "API Key")
|
||||
|
||||
page.MustElement(".access-grant__modal-container__header-container__close-cross-container").MustClick()
|
||||
|
||||
// Check that the new access is listed
|
||||
page.MustElementR(".name", myCLIKey)
|
||||
})
|
||||
}
|
||||
|
||||
func TestCreateAccessRestricted(t *testing.T) {
|
||||
uitest.Edge(t, func(t *testing.T, ctx *testcontext.Context, planet *uitest.EdgePlanet, browser *rod.Browser) {
|
||||
page := openPage(browser, planet.Satellites[0].ConsoleURL())
|
||||
|
||||
myS3Creds := "myS3Creds"
|
||||
|
||||
// Sign up and login.
|
||||
signUpWithUser(t, planet, page)
|
||||
loginWithUser(t, planet, page)
|
||||
|
||||
// continue to dashboard
|
||||
page.MustElementR("span", "Continue in web ->").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Access Management Page
|
||||
page.MustElement("[href=\"/access-grants\"]").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Make s3 creds
|
||||
page.MustElementR("span", "Create S3 Credentials").MustClick()
|
||||
waitVueTick(page)
|
||||
page.MustElement("#s3-check").MustClick()
|
||||
page.MustElement("[placeholder=\"Input Access Name\"]").MustInput(myS3Creds)
|
||||
page.MustElement(".permissions-chevron-up").MustClick()
|
||||
page.MustElement("#permissions__Read-check").MustClick()
|
||||
page.MustElementR(".label", "Encrypt My Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Encrypt
|
||||
page.MustElement("[placeholder=\"Input Your Passphrase\"]").MustInput("my test passphrase")
|
||||
page.MustElementR(".label", "Copy to clipboard").MustClick()
|
||||
page.MustElement("[type=\"checkbox\"]").MustClick()
|
||||
page.MustElementR(".label", "Create my Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Check access key
|
||||
checkCredentials(t, page, "Access Key")
|
||||
checkCredentials(t, page, "Secret Key")
|
||||
checkCredentials(t, page, "Endpoint")
|
||||
|
||||
page.MustElement(".access-grant__modal-container__header-container__close-cross-container").MustClick()
|
||||
|
||||
// Check that the new access is listed
|
||||
page.MustElementR(".name", myS3Creds)
|
||||
})
|
||||
}
|
||||
|
||||
func TestDeleteAccess(t *testing.T) {
|
||||
uitest.Edge(t, func(t *testing.T, ctx *testcontext.Context, planet *uitest.EdgePlanet, browser *rod.Browser) {
|
||||
page := openPage(browser, planet.Satellites[0].ConsoleURL())
|
||||
|
||||
// Sign up and login.
|
||||
signUpWithUser(t, planet, page)
|
||||
loginWithUser(t, planet, page)
|
||||
|
||||
// continue to dashboard
|
||||
page.MustElementR("span", "Continue in web ->").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Access Management Page
|
||||
page.MustElement("[href=\"/access-grants\"]").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Delete default access
|
||||
defaultAccess := page.MustElement(".name-container").MustText()
|
||||
page.MustElement(".ellipses").MustClick()
|
||||
page.MustElement(".popup-menu__popup-delete").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
page.MustElement("[placeholder=\"Type the name of the access\"]").MustInput(defaultAccess)
|
||||
page.MustElementR(".label", "Delete Access").MustClick()
|
||||
waitVueTick(page)
|
||||
|
||||
// Check that no access exists
|
||||
page.MustElement(".access-grants-items2__empty-state__text")
|
||||
})
|
||||
}
|
||||
|
||||
func checkCredentials(t *testing.T, page *rod.Page, label string) {
|
||||
credLabelText := page.MustElementR(".access-grant__modal-container__generated-credentials__label__text", label)
|
||||
credLabel, err := credLabelText.Parent()
|
||||
require.NoError(t, err)
|
||||
credField, err := credLabel.Next()
|
||||
require.NoError(t, err)
|
||||
has, credText, err := credField.Has(".access-grant__modal-container__generated-credentials__text")
|
||||
require.True(t, has)
|
||||
require.NoError(t, err)
|
||||
require.NotEmpty(t, credText.MustText())
|
||||
}
|
@ -35,6 +35,7 @@ func configureSatellite(log *zap.Logger, index int, config *satellite.Config) {
|
||||
config.Console.StaticDir = dir
|
||||
}
|
||||
config.Console.NewObjectsFlow = true
|
||||
config.Console.NewAccessGrantFlow = true
|
||||
config.Console.NewProjectDashboard = true
|
||||
config.Console.CouponCodeBillingUIEnabled = true
|
||||
}
|
||||
|
@ -44,14 +44,14 @@
|
||||
<p>Type</p>
|
||||
<div class="access-grant__modal-container__body-container__type__type-container">
|
||||
<input
|
||||
id="acess-grant-check"
|
||||
id="access-grant-check"
|
||||
v-model="checkedType"
|
||||
value="access"
|
||||
type="radio"
|
||||
name="type"
|
||||
:checked="checkedType === 'access'"
|
||||
>
|
||||
<label for="acess-grant-check">
|
||||
<label for="access-grant-check">
|
||||
Access Grant
|
||||
</label>
|
||||
<img
|
||||
|
Loading…
Reference in New Issue
Block a user