diff --git a/cypress/integration/persistent-identifiers.spec.js b/cypress/integration/persistent-identifiers.spec.js new file mode 100644 index 00000000..0e3481bd --- /dev/null +++ b/cypress/integration/persistent-identifiers.spec.js @@ -0,0 +1,190 @@ +/** + * Copyright (C) 2019 The Software Heritage developers + * See the AUTHORS file at the top-level directory of this distribution + * License: GNU Affero General Public License version 3, or any later version + * See top-level LICENSE file for more information + */ + +let origin; +let url; +let browsedObjectMetadata; +let cntPid, cntPidWithOrigin, cntPidWithOriginAndLines; +let dirPid, dirPidWithOrigin; +let relPid, relPidWithOrigin; +let revPid, revPidWithOrigin; +let snpPid, snpPidWithOrigin; +const firstSelLine = 6; +const lastSelLine = 12; + +describe('Persistent Identifiers Tests', function() { + + before(function() { + origin = this.origin[1]; + url = this.Urls.browse_origin_content(origin.url, origin.content[0].path); + url = `${url}?release=${origin.release}#L${firstSelLine}-L${lastSelLine}`; + }); + + beforeEach(function() { + cy.visit(url).window().then(win => { + browsedObjectMetadata = win.swh.webapp.getBrowsedSwhObjectMetadata(); + cntPid = `swh:1:cnt:${browsedObjectMetadata.sha1_git}`; + cntPidWithOrigin = `${cntPid};origin=${origin.url}`; + cntPidWithOriginAndLines = `${cntPidWithOrigin};lines=${firstSelLine}-${lastSelLine}`; + dirPid = `swh:1:dir:${browsedObjectMetadata.directory}`; + dirPidWithOrigin = `${dirPid};origin=${origin.url}`; + revPid = `swh:1:rev:${browsedObjectMetadata.revision}`; + revPidWithOrigin = `${revPid};origin=${origin.url}`; + relPid = `swh:1:rel:${browsedObjectMetadata.release}`; + relPidWithOrigin = `${relPid};origin=${origin.url}`; + snpPid = `swh:1:snp:${browsedObjectMetadata.snapshot}`; + snpPidWithOrigin = `${snpPid};origin=${origin.url}`; + }); + }); + + it('should open and close identifiers tab when clicking on handle', function() { + cy.get('#swh-identifiers') + .should('have.class', 'ui-slideouttab-ready'); + + cy.get('.ui-slideouttab-handle') + .click(); + + cy.get('#swh-identifiers') + .should('have.class', 'ui-slideouttab-open'); + + cy.get('.ui-slideouttab-handle') + .click(); + + cy.get('#swh-identifiers') + .should('not.have.class', 'ui-slideouttab-open'); + + }); + + it('should display identifiers with permalinks for browsed objects', function() { + cy.get('.ui-slideouttab-handle') + .click(); + + const testData = [ + { + 'objectType': 'content', + 'objectPid': cntPidWithOriginAndLines + }, + { + 'objectType': 'directory', + 'objectPid': dirPidWithOrigin + }, + { + 'objectType': 'release', + 'objectPid': relPidWithOrigin + }, + { + 'objectType': 'revision', + 'objectPid': revPidWithOrigin + }, + { + 'objectType': 'snapshot', + 'objectPid': snpPidWithOrigin + } + ]; + + for (let td of testData) { + cy.get(`a[href="#swh-id-tab-${td.objectType}"]`) + .click(); + + cy.get(`#swh-id-tab-${td.objectType}`) + .should('be.visible'); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id`) + .contains(td.objectPid) + .should('have.attr', 'href', this.Urls.browse_swh_id(td.objectPid)); + + } + + }); + + it('should update content identifier metadata when toggling option checkboxes', function() { + cy.get('.ui-slideouttab-handle') + .click(); + + cy.get(`#swh-id-tab-content .swh-id`) + .contains(cntPidWithOriginAndLines) + .should('have.attr', 'href', this.Urls.browse_swh_id(cntPidWithOriginAndLines)); + + cy.get('#swh-id-tab-content .swh-id-option-lines') + .click(); + + cy.get(`#swh-id-tab-content .swh-id`) + .contains(cntPidWithOrigin) + .should('have.attr', 'href', this.Urls.browse_swh_id(cntPidWithOrigin)); + + cy.get('#swh-id-tab-content .swh-id-option-origin') + .click(); + + cy.get(`#swh-id-tab-content .swh-id`) + .contains(cntPid) + .should('have.attr', 'href', this.Urls.browse_swh_id(cntPid)); + + cy.get('#swh-id-tab-content .swh-id-option-origin') + .click(); + + cy.get(`#swh-id-tab-content .swh-id`) + .contains(cntPidWithOrigin) + .should('have.attr', 'href', this.Urls.browse_swh_id(cntPidWithOrigin)); + + cy.get('#swh-id-tab-content .swh-id-option-lines') + .click(); + + cy.get(`#swh-id-tab-content .swh-id`) + .contains(cntPidWithOriginAndLines) + .should('have.attr', 'href', this.Urls.browse_swh_id(cntPidWithOriginAndLines)); + + }); + + it('should update other object identifiers metadata when toggling option checkboxes', function() { + cy.get('.ui-slideouttab-handle') + .click(); + + const testData = [ + { + 'objectType': 'directory', + 'objectPids': [dirPidWithOrigin, dirPid] + }, + { + 'objectType': 'release', + 'objectPids': [relPidWithOrigin, relPid] + }, + { + 'objectType': 'revision', + 'objectPids': [revPidWithOrigin, revPid] + }, + { + 'objectType': 'snapshot', + 'objectPids': [snpPidWithOrigin, snpPid] + } + ]; + + for (let td of testData) { + cy.get(`a[href="#swh-id-tab-${td.objectType}"]`) + .click(); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id`) + .contains(td.objectPids[0]) + .should('have.attr', 'href', this.Urls.browse_swh_id(td.objectPids[0])); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id-option-origin`) + .click(); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id`) + .contains(td.objectPids[1]) + .should('have.attr', 'href', this.Urls.browse_swh_id(td.objectPids[1])); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id-option-origin`) + .click(); + + cy.get(`#swh-id-tab-${td.objectType} .swh-id`) + .contains(td.objectPids[0]) + .should('have.attr', 'href', this.Urls.browse_swh_id(td.objectPids[0])); + } + + }); + +}); diff --git a/cypress/support/index.js b/cypress/support/index.js index f5d836b6..a5d5c829 100644 --- a/cypress/support/index.js +++ b/cypress/support/index.js @@ -1,142 +1,145 @@ /** * Copyright (C) 2019 The Software Heritage developers * See the AUTHORS file at the top-level directory of this distribution * License: GNU Affero General Public License version 3, or any later version * See top-level LICENSE file for more information */ import {httpGetJson} from '../utils'; Cypress.Screenshot.defaults({ screenshotOnRunFailure: false }); before(function() { this.unarchivedRepo = { url: 'https://github.com/SoftwareHeritage/swh-web', type: 'git', revision: '7bf1b2f489f16253527807baead7957ca9e8adde', snapshot: 'd9829223095de4bb529790de8ba4e4813e38672d', rootDirectory: '7d887d96c0047a77e2e8c4ee9bb1528463677663', content: [{ sha1git: 'b203ec39300e5b7e97b6e20986183cbd0b797859' }] }; this.origin = [{ url: 'https://github.com/memononen/libtess2', type: 'git', content: [{ path: 'Source/tess.h' }, { path: 'premake4.lua' }], directory: [{ path: 'Source', id: 'cd19126d815470b28919d64b2a8e6a3e37f900dd' }], revisions: [], invalidSubDir: 'Source1' }, { url: 'https://github.com/wcoder/highlightjs-line-numbers.js', type: 'git', - content: [], + content: [{ + path: 'src/highlightjs-line-numbers.js' + }], directory: [], - revisions: ['1c480a4573d2a003fc2630c21c2b25829de49972'] + revisions: ['1c480a4573d2a003fc2630c21c2b25829de49972'], + release: 'v2.6.0' }]; const getMetadataForOrigin = async originUrl => { const originVisitsApiUrl = this.Urls.api_1_origin_visits(originUrl); const originVisits = await httpGetJson(originVisitsApiUrl); const lastVisit = originVisits[0]; const snapshotApiUrl = this.Urls.api_1_snapshot(lastVisit.snapshot); const lastOriginSnapshot = await httpGetJson(snapshotApiUrl); let revision = lastOriginSnapshot.branches.HEAD.target; if (lastOriginSnapshot.branches.HEAD.target_type === 'alias') { revision = lastOriginSnapshot.branches[revision].target; } const revisionApiUrl = this.Urls.api_1_revision(revision); const lastOriginHeadRevision = await httpGetJson(revisionApiUrl); return { 'directory': lastOriginHeadRevision.directory, 'revision': lastOriginHeadRevision.id, 'snapshot': lastOriginSnapshot.id }; }; cy.visit('/').window().then(async win => { this.Urls = win.Urls; for (let origin of this.origin) { const metadata = await getMetadataForOrigin(origin.url); const directoryApiUrl = this.Urls.api_1_directory(metadata.directory); origin.dirContent = await httpGetJson(directoryApiUrl); origin.rootDirectory = metadata.directory; origin.revisions.push(metadata.revision); origin.snapshot = metadata.snapshot; for (let content of origin.content) { const contentPathApiUrl = this.Urls.api_1_directory(origin.rootDirectory, content.path); const contentMetaData = await httpGetJson(contentPathApiUrl); content.name = contentMetaData.name.split('/').slice(-1)[0]; content.sha1git = contentMetaData.target; content.directory = contentMetaData.dir_id; content.rawFilePath = this.Urls.browse_content_raw(`sha1_git:${content.sha1git}`) + `?filename=${encodeURIComponent(content.name)}`; cy.request(content.rawFilePath) .then((response) => { const fileText = response.body; const fileLines = fileText.split('\n'); content.numberLines = fileLines.length; // If last line is empty its not shown if (!fileLines[content.numberLines - 1]) content.numberLines -= 1; }); } } }); }); // force the use of fetch polyfill wrapping XmlHttpRequest // in order for cypress to be able to intercept and stub them Cypress.on('window:before:load', win => { win.fetch = null; }); // Ensure code coverage data do not get lost each time a new // page is loaded during a single test execution let windowCoverageObjects; before(() => { cy.task('resetCoverage', { isInteractive: Cypress.config('isInteractive') }); }); beforeEach(() => { windowCoverageObjects = []; // save reference to coverage for each app window loaded in the test cy.on('window:load', (win) => { // if application code has been instrumented, the app iframe "window" has an object const applicationSourceCoverage = win.__coverage__; if (applicationSourceCoverage) { windowCoverageObjects.push(applicationSourceCoverage); } }); }); afterEach(() => { // save coverage after the test // because now the window coverage objects have been updated windowCoverageObjects.forEach((coverage) => { cy.task('combineCoverage', JSON.stringify(coverage)); }); }); after(() => { cy.task('coverageReport'); });