remote test

apps/remix-ide-e2e/src/tests/dgit_github.test.ts

@@ -78,5 +78,83 @@ module.exports = {
         browser
             .clickLaunchIcon('filePanel')
             .waitForElementVisible('*[data-id="treeViewLitreeViewItemREADME.md"]')
+    },
+    'check the remotes #group1': function (browser: NightwatchBrowser) {
+        browser
+            .clickLaunchIcon('dgit')
+            .click('*[data-id="remotes-panel"]')
+            .waitForElementVisible('*[data-id="remotes-panel-content"]')
+            .click({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="remote-detail-origin"]',
+                locateStrategy: 'xpath'
+            })
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-current-branch-master"]',
+                locateStrategy: 'xpath'
+            })
+            .click({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="remote-sync-origin"]',
+                locateStrategy: 'xpath'
+            })
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+
+    },
+    'check the commits of branch links #group1': function (browser: NightwatchBrowser) {
+        browser
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+            .click({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="commit-summary-linking fixed-"]',
+                locateStrategy: 'xpath'
+            })
+    },
+    'switch to branch links #group1': function (browser: NightwatchBrowser) {
+        browser
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+            .click({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-toggle-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+            .waitForElementVisible({
+                selector: '//*[@data-id="remotes-panel-content"]//*[@data-id="branches-toggle-current-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+    },
+    'check the local branches #group1': function (browser: NightwatchBrowser) {
+        browser
+            .click('*[data-id="branches-panel"]')
+            .waitForElementVisible({
+                selector: '//*[@data-id="branches-panel-content"]//*[@data-id="branches-toggle-current-branch-links"]',
+                locateStrategy: 'xpath'
+            })
+    },
+    'check the local commits #group1': function (browser: NightwatchBrowser) {
+        browser
+            .click('*[data-id="commits-panel"]')
+            .pause()
+            .waitForElementVisible({
+                selector: '//*[@data-id="commits-current-branch-links"]//*[@data-id="commit-summary-linking fixed-"]',
+                locateStrategy: 'xpath'
+            })
+            .click({
+                selector: '//*[@data-id="commits-current-branch-links"]//*[@data-id="commit-summary-linking fixed-"]',
+                locateStrategy: 'xpath'
+            })
+            .waitForElementVisible({
+                selector: '//*[@data-id="commits-current-branch-links"]//*[@data-id="commit-change-modified-README.md"]',
+                locateStrategy: 'xpath'
+            })
     }
 }

libs/remix-ui/git/src/components/navigation/remotes.tsx

@@ -19,7 +19,7 @@ export const RemotesNavigation = ({ eventKey, activePanel, callback }) => {
   return (
     <>
       <div className={'d-flex justify-content-between pt-1 pb-1 ' + (activePanel === eventKey? 'bg-light': '')}>
-        <span onClick={()=>handleClick()} role={'button'} className='nav d-flex justify-content-start align-items-center w-75'>
+        <span data-id='remotes-panel' onClick={()=>handleClick()} role={'button'} className='nav d-flex justify-content-start align-items-center w-75'>
           {
             activePanel === eventKey ? <FontAwesomeIcon className='' icon={faCaretDown}></FontAwesomeIcon> : <FontAwesomeIcon className='' icon={faCaretRight}></FontAwesomeIcon>
           }

libs/remix-ui/git/src/components/navigation/remotesdetails.tsx

@@ -39,7 +39,7 @@ export const RemotesDetailsNavigation = (props: RemotesDetailsNavigationProps) =
   return (
     <>
       <div className="d-flex flex-row w-100 mb-2 mt-2">
-        <div onClick={() => handleClick()} role={'button'} className='pointer long-and-truncated d-flex flex-row commit-navigation'>
+        <div data-id={`remote-detail-${remote.name}${context.defaultRemote && context.defaultRemote?.url === remote.url ? '-default' : ''}`} onClick={() => handleClick()} role={'button'} className='pointer long-and-truncated d-flex flex-row commit-navigation'>
           {
             activePanel === eventKey ? <FontAwesomeIcon className='' icon={faCaretDown}></FontAwesomeIcon> : <FontAwesomeIcon className='' icon={faCaretRight}></FontAwesomeIcon>
           }
@@ -55,7 +55,7 @@ export const RemotesDetailsNavigation = (props: RemotesDetailsNavigationProps) =
           :
           <GitUIButton className="btn btn-sm" onClick={setAsDefault}><FontAwesomeIcon icon={faToggleOn}></FontAwesomeIcon></GitUIButton>
         }
-        <GitUIButton className="btn btn-sm" onClick={async () => {
+        <GitUIButton data-id={`remote-sync-${remote.name}`} className="btn btn-sm" onClick={async () => {
           await actions.fetch({
             remote
           })

libs/remix-ui/git/src/components/panels/remotes.tsx

@@ -26,7 +26,7 @@ export const Remotes = () => {
 
   return (
     <>
-
+      <div data-id="remotes-panel-content">
         {context.remotes && context.remotes.length ?
           <>
 
@@ -48,6 +48,6 @@ export const Remotes = () => {
         <hr />
         <RemotesImport />
         <hr />
-
+      </div>
     </>)
 }