1. UI Testing
2. API Testing
3. Performance Testing
4. Security Testing (Penetration testing)

create unsuccessful schema and credential, here Failed should be displayed in place of initiated

https://github.com/hypersign-protocol/hid-ssi-js-sdk/blob/612eea714fec9382a091556dcc7f01ea83f4fc47/test/ssi/credential.js#L84

• add validations for every text filed

• spelling error of call back URL. its URI in place or URL

• here also

• 

• validation should be displayed on entering URL in the reason field

• URL spelling
  
  

• not able to dlt attributes
  

• user should abe to edit the schema also

always get this error msg, not able to login in one go

go to the entity studio schema page,copy the schema URL https://entity.hypersign.id/#/studio/schema
and paste it on another browser loged in with a new mail id
here we will see schema page is displaying without creating any organization

• entering valid domain , but displaying invalid
  

• add validation for not selecting schema ...in credential page

• change the validation msg after creating schema in the wallet. display "schema successfully created"
  

Hypersign Studio Create Schema

• Create Schema from Studio
• Send the Schema to the wallet
• Register the schema to blockchain from the wallet
• Resolve the schema to the wallet

Send the qr data from app to wallet using database and id via a API call

• Create API to store the qr data to db
• Retrieve it using the db id
• Use the db id inside the qr value

• Schema text field is not working properly, on entering any schema name in the text field it's showing the word Schema By default in the text field.

• validation should be displayed on entering the URL in the schema name as an invalid schema name
• make schema name textbox mandatory
• add validation msg on keeping the description text box blank
• add validation msg on entering URL in the name text box
• add validation msg on entering text with space in the name text box
• type textbox should be like dropbox with all the data types which user can select
• add validation for keeping the format textbox blank
• add validation entering invalid text like URL in the format textbox
• getting filled field value

here dids field do not exist

by using this API #15

• Currently, we use did to to login. But ideally a user should be able to login using verifiable creantial issued by hypersign org.
• Registration Flow
• Login Flow

• Fetch the list of schemas
• fetch the properties and required fields from the blockchain
• Render the input field according to the properties
• Issue credentials
• store to DB
• send to the wallet

Pre-requisite: Studio server already has VC in db

Step 1: Form the URL from backend

Implement an API which Create a URL (which will shown in the studio UI in the credentail table) which user has to click to accept the credentail in his wallet.

Help

const studio-server-base-url = ''
const dbRowID = "6c1231j11221"  // record id in DB

const token = await jwt.sign(dbRowID, this.options.jwtSecret, { expiresIn: this.options.jwtExpiryTime }) // create a JWT

let link = `${sutdio-server-base-url}${path-to-issue-cred}?token=${token}`;

// Form the QR data
const QRData = JSON.stringify({
            QRType: 'ISSUE_CRED',
            url: link // This url user will eventually call from the wallet to fetch vc from studio server
        });

Step 2: Implement deeplink html (or vue) page

help

This URL we actually send to users. Clicking on this deeplink.html url user will see page where he will see a accept button, clicking on that finally the wallet popups up and url in the QRData will automatically get called.

// Create deeplink UrL. 
const deepLinkUrl = encodeURI(`${sutdio-server-base-url}/deeplink.html?deeplink=hypersign:deeplink?url=${QRData}`);

So I have a web tool. And it has a client and a node js backend.
I usually write API testcases and run the whole tests if I change anything. so the server side is no problem.
The problem is testing the client side. What is happening that (since the project has grown big now) I fear to do any changes and if I do, I have to test each and every components like login page, dashboard pages etc. again and again which is getting hectice as the features increases. so is there any way in which I can automate this proces.s.. Like a bot which can open my web tool, fill all details and see those values are correct and then logout of the tool?

I came to know that we can test the studio using selenium or katalon

https://www.youtube.com/watch?v=_JNeiGbAgL4

https://www.youtube.com/watch?v=0COATg2BsCY

• Use the appDid in qr_data
• challenge field should be the signature

 { 
      "QRType": "ISSUE_SCHEMA",
       "serviceEndpoint": "http://localhost:9000/hs/api/v2/auth", 
       "schemaId": "ssi/schema/did:hs:z14RaKjdGWLxJ2PtVu9SHkauyN6ZWc9jDksAqYup61rqM;id=8ec0d028-e3a7-424e-9ff8-30f237593196;version=1.0", 
       "appDid": "did:hs:z7RRHSFGaSYYQQkoCd9CAm5ezYd2tJBuEVPex4Zftba1w", 
       "appName": "", 
       "challenge": "", 
       "provider": "" ,
        "data" :""
       }

• While creating schema, if it is invalid and it is not created then again after successfully creating, Getting details in the table after refreshing the page.

getting these error msgs

• created many successful schemas, but after logout and login, m getting none of those
  
  it's displaying after refreshing the page

• add a scroll bar or pagination for the table

credential array is empty

• make the checkboxes aligned
  

• Logo of the organization not displaying

• the closing of the slide bar should be done only by clicking the cut button, not on the screen
  

• spelling correction of schema
  

• user should not switch to the failed org
  

• give colon sign
  

• date and time format in credential and schema table should not be like this
  
  

Login Functionality

• Add https://wallet-stage.hypersign.id to as studio login
• https://github.com/hypersign-protocol/studio/tree/wallet-integration

Fix Credential Not found

Step 1: swap these two lines https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/pController.ts#L32

Step 2: This should be the same as issuer DID (Manual input) https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/presentationController.ts#L113

Step3: This should be manual input not the same as schema author https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/presentationController.ts#L108

Step 4: Two avoid redundancy remove did while fetching schema here https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/schemaController.ts#L71

Step 5: Add an extra field while creating a schema and while creating a presentation template ({primaryDid})
Schema ->
https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/schemaController.ts#L12

Presentation Template ->
https://github.com/hypersign-protocol/studio/blob/064aa2b0c4849965a56ccfe525b07293175e017d/server/src/controllers/presentationController.ts#L103

also change both models

When I pass env var with docker run, it does not reflects.

How to recreate?

• Take a pull as per instruction given in the readme.
• Run with default env vars.

docker run  -p 9000:9000 hypersignprotocol/studio:1.0.0

This runs the server at port :9000. Notice the app name is Hypersign Studio

• Stop the previous container and the below command and try changing the appName using env var somthing like this.

docker run --env VUE_APP_TITLE='Test App'  -p 9000:9000 hypersignprotocol/studio:1.0.0

When you browse 9000, it does not show appname as Test App and still showing Hypersign Studio

Login

• Some time Org list comes on the login page.

Org

• Add/Edit Orgnaization slider input fields does not get refresh on clicking + Organization button if we already clicked on Edit button in the org card. To recreate: 1. Create an org, 2. click on edit button to edit an org, now close the slider 3. Click on + Organization button again, you will it has old data.
• Add Orgnaization header comes in the slider when clicking on edit button in org card. It should be Edit Organization
• When we create an org sometime, it keep in Processing... state. To recreate this issue, click on create button then shut down the backend server forcefully. Then restart the server and reload the page.

Schema

• Clicking on Transaction Hash link on schema row, redirecting to wrong url.
• Change Create button to textSave in slider. Also see button in org slider looks different than button here.
• Give a down arrow icon in right hand side of this collapsible panel.
  - use fontawesome
• Type should be a select dropdown with values (string, int, float, date)

VC

• VC Id URL - it should be an ID instead.
• Add a copy button with URL

Dashboard

• Implement a select dropdown component and use it where ever you need dropdown
• The Orglist show duplicate values:
• Add two more cards "Presentation Templates" and "Organizations"
  
• Remove NETWORK DETAILS and Profile cards from dashboard.

Presentation Template

• Change Generate button text to Save in slider. Also see button in org slider looks different than button here.

Nav bar

• Implement this profile dropdown in NAV; which looks something like this: but its options would be 1) Email-address, 2) JAGRAT NETWORK 3) Logout (more will see later) . 1 and 2 are just labels but 3 is clickable button to logout.
• Add entity studio logo
• Remove the vue favicon and added entity studio favicon

Others

• Use hfButtonComponent everywhere
• Event if authtoken expires, user is not redirected to login page.
• Add fontawesomes package to make use of icons
• The entire screen shakes when typing something in slider text boxes in some screen. Try different screen size.

Login

• Some time Org list comes on the login page.

Org

• Add/Edit Orgnaization slider input fields does not get refresh on clicking + Organization button if we already clicked on Edit button in the org card. To recreate: 1. Create an org, 2. click on edit button to edit an org, now close the slider 3. Click on + Organization button again, you will it has old data.
• Add Orgnaization header comes in the slider when clicking on edit button in org card. It should be Edit Organization
• When we create an org sometime, it keep in Processing... state. To recreate this issue, click on create button then shut down the backend server forcefully. Then restart the server and reload the page.

Schema

• Clicking on Transaction Hash link on schema row, redirecting to wrong url.
• Change Create button to textSave in slider. Also see button in org slider looks different than button here.
• Give a down arrow icon in right hand side of this collapsible panel.
  - use fontawesome
• Type should be a select dropdown with values (string, int, float, date)

VC

• VC Id URL - it should be an ID instead.
• Add a copy button with URL

Dashboard

• Implement a select dropdown component and use it where ever you need dropdown
• The Orglist show duplicate values:
• Add two more cards "Presentation Templates" and "Organizations"
  
• Remove NETWORK DETAILS and Profile cards from dashboard.

Presentation Template

• Change Generate button text to Save in slider. Also see button in org slider looks different than button here.

Nav bar

• Implement this profile dropdown in NAV; which looks something like this: but its options would be 1) Email-address, 2) JAGRAT NETWORK 3) Logout (more will see later) . 1 and 2 are just labels but 3 is clickable button to logout.
• Add entity studio logo
• Remove the vue favicon and added entity studio favicon

Others

• Use hfButtonComponent everywhere
• Event if authtoken expires, user is not redirected to login page.
• Add fontawesomes package to make use of icons
• The entire screen shakes when typing something in slider text boxes in some screen. Try different screen size.

1. I should be able to copy the DID
2. Hide the logo URL Label and text field in Create/Edit slider [just addd some default value if API does not permit but do not show in UI]
3. Hide the Region Label and text field in Create/Edit slider [just addd some default value if API does not permit but do not show in UI]
4. On opening the side bar, see credential page, it should shift to right

5. On opening the side bar, see schema page it should shift to right
   

6. On opening the side bar, see presentation page it should shift to right

7. The "Organization" text should be smaller than "Welcom" text like a sub heading

8. Space getting messed up in dashboard when openning and closing the side bar on other oages

9. one the presentaiton template page we are seeing schema
   

• add validations for domain name(For invalid,null)
• add validation for null origin

• hide the ORG Id text field, it should display only while clicking editing organization like event Id we did in fyre

• validation msg should display on keeping the Organisation name text field blank as organization name should not be empty

• validation should display on keeping the Domain text field blank as the domain should not be empty

• validation should be displayed by keeping the Logo URL field blank as Logo URL should not be empty

• validation should be displayed on keeping the Region blank

• Make every text field mandatory with a "*" sign (need to ask having confusion)

• validation msg should be displayed on entering URL in the Organisation name textbox as Invalid Organisation name

• validation msg should be displayed on entering URL in the domain textbox as Invalid Domain

• validation msg should be displayed on entering only text, numbers, symbols, and invalid logo link in the Logo URL text box as Invalid Logo URL.

• validation msg should be displayed on entering URL in the Regiontextbox as Invalid Region

• Remove by default set hypersign details in all text boxes because clicking the save button it's creating the new organization.

• Edit is not working properly

• Add an info icon with information beside every text field like in fyre events

• on entering large text in the organization name text field, its org tile is breaking
  

• tile breaking due to large domain name
  

All registerd domain in org should able to verify credential which is at present hardcoded and only http://localhost:1234 is able to verfiy credential

• add validation on entering invalid text like URL in the holder did textbox

• Schema options are not displaying the dropbox

• validation should be displayed on not filling any schema fields

• give successfully created msg after creating credential
  

• spelling error of URL
  

• change validation msg- it should be subject did in place of holder did
  

• credential details filled by the user should be according to the format set. like in the name field, details are accepted in the form of a string.in number, the field should accept int type. show validations msg for not entering correct type

• add a scroll bar or pagination for the table