<a href="https://david-dm.org/Chocobozzz/PeerTube?path=client&type=dev">
<img src="https://david-dm.org/Chocobozzz/PeerTube/dev-status.svg?path=client" alt="devDependency Status" />
</a>
+
+ <img src="http://lutim.cpy.re/js3rkfIc.png" alt="Browser Stack" />
</p>
<p align="center">
specs: [
'./src/**/*.e2e-spec.ts'
],
- capabilities: {
- 'browserName': 'chrome'
- },
+ multiCapabilities: [
+ {
+ 'browserName': 'firefox',
+ 'moz:firefoxOptions': {
+ binary: 'firefox-developer'
+ }
+ }
+ ],
+ maxSessions: 1,
directConnect: true,
baseUrl: 'http://localhost:4200/',
framework: 'jasmine',
-import { AppPage } from './app.po'
+import { AppPage } from './po/app.po'
describe('PeerTube app', () => {
let page: AppPage
page = new AppPage()
})
- it('should display the app title', () => {
+ it('Should display the app title', () => {
page.navigateTo()
expect(page.getHeaderTitle()).toEqual('PeerTube')
})
+++ /dev/null
-import { browser, by, element } from 'protractor'
-
-export class AppPage {
- navigateTo () {
- browser.waitForAngularEnabled(false)
- return browser.get('/')
- }
-
- getHeaderTitle () {
- return element(by.css('.instance-name')).getText()
- }
-}
--- /dev/null
+import { browser, by, element } from 'protractor'
+
+export class AppPage {
+ navigateTo () {
+ browser.waitForAngularEnabled(false)
+ return browser.get('/')
+ }
+
+ getHeaderTitle () {
+ return element(by.css('.instance-name')).getText()
+ }
+}
--- /dev/null
+import { browser, element, by } from 'protractor'
+
+export class LoginPage {
+ async loginAsRootUser () {
+ await browser.get('/login')
+
+ element(by.css('input#username')).sendKeys('root')
+ element(by.css('input#password')).sendKeys('test1')
+
+ await element(by.css('form input[type=submit]')).click()
+
+ return browser.wait(browser.ExpectedConditions.urlContains('/videos/'))
+ }
+}
--- /dev/null
+import { browser, element, by } from 'protractor'
+import { join } from 'path'
+
+export class VideoUploadPage {
+ navigateTo () {
+ return browser.get('/videos/upload')
+ }
+
+ async uploadVideo () {
+ const fileToUpload = join(__dirname, '../../fixtures/video.mp4')
+
+ await element(by.css('.upload-video-container input[type=file]')).sendKeys(fileToUpload)
+
+ // Wait for the upload to finish
+ await browser.wait(browser.ExpectedConditions.elementToBeClickable(this.getSecondStepSubmitButton()))
+ }
+
+ async validSecondUploadStep (videoName: string) {
+ const nameInput = element(by.css('input#name'))
+ await nameInput.clear()
+ await nameInput.sendKeys(videoName)
+
+ await this.getSecondStepSubmitButton().click()
+
+ return browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
+ }
+
+ private getSecondStepSubmitButton () {
+ return element(by.css('.submit-button:not(.disabled) input'))
+ }
+}
--- /dev/null
+import { by, element, browser } from 'protractor'
+
+export class VideoWatchPage {
+ async goOnRecentlyAdded () {
+ const url = '/videos/recently-added'
+
+ await browser.get(url)
+ return browser.wait(browser.ExpectedConditions.elementToBeClickable(element(this.getFirstVideoListSelector())))
+ }
+
+ getVideosListName () {
+ return element.all(this.getFirstVideoListSelector()).getText()
+ }
+
+ waitWatchVideoName (videoName: string) {
+ const elem = element(by.css('.video-info .video-info-name'))
+ return browser.wait(browser.ExpectedConditions.textToBePresentInElement(elem, videoName))
+ }
+
+ getWatchVideoPlayerCurrentTime () {
+ return element(by.css('.video-js .vjs-current-time-display'))
+ .getText()
+ .then((t: string) => t.split(':')[1])
+ .then(seconds => parseInt(seconds, 10))
+ }
+
+ async pauseVideo () {
+ const el = element(by.css('video'))
+ await browser.wait(browser.ExpectedConditions.elementToBeClickable(el))
+
+ return el.click()
+ }
+
+ async clickOnFirstVideoOfList () {
+ const video = element(by.css('.videos .video-miniature:first-child .video-thumbnail'))
+
+ await video.click()
+
+ await browser.wait(browser.ExpectedConditions.urlContains('/watch/'))
+ }
+
+ private getFirstVideoListSelector () {
+ return by.css('.videos .video-miniature-name')
+ }
+}
+++ /dev/null
-import { VideoUploadPage } from './video-upload.po'
-
-describe('Video upload', () => {
- let page: VideoUploadPage
-
- beforeEach(() => {
- page = new VideoUploadPage()
- })
-})
+++ /dev/null
-import { browser } from 'protractor'
-
-export class VideoUploadPage {
- navigateTo () {
- return browser.get('/videos/upload')
- }
-}
+++ /dev/null
-import { VideoWatchPage } from './video-watch.po'
-
-describe('Video watch', () => {
- let page: VideoWatchPage
-
- beforeEach(() => {
- page = new VideoWatchPage()
- })
-})
+++ /dev/null
-import { browser } from 'protractor'
-
-export class VideoWatchPage {
- navigateTo () {
- browser.waitForAngularEnabled(false)
- return browser.get('/')
- }
-}
--- /dev/null
+import { VideoWatchPage } from './po/video-watch.po'
+import { VideoUploadPage } from './po/video-upload.po'
+import { LoginPage } from './po/login.po'
+import { browser } from 'protractor'
+
+describe('Videos workflow', () => {
+ let videoWatchPage: VideoWatchPage
+ let pageUploadPage: VideoUploadPage
+ let loginPage: LoginPage
+ const videoName = new Date().getTime() + ' video'
+
+ beforeEach(() => {
+ videoWatchPage = new VideoWatchPage()
+ pageUploadPage = new VideoUploadPage()
+ loginPage = new LoginPage()
+ })
+
+ it('Should log in', () => {
+ return loginPage.loginAsRootUser()
+ })
+
+ it('Should upload a video', async () => {
+ pageUploadPage.navigateTo()
+
+ await pageUploadPage.uploadVideo()
+ return pageUploadPage.validSecondUploadStep(videoName)
+ })
+
+ it('Should list the video', async () => {
+ await videoWatchPage.goOnRecentlyAdded()
+
+ const videoNames = videoWatchPage.getVideosListName()
+ expect(videoNames).toContain(videoName)
+ })
+
+ it('Should go on video watch page', async () => {
+ await videoWatchPage.clickOnFirstVideoOfList()
+
+ return videoWatchPage.waitWatchVideoName(videoName)
+ })
+
+ it('Should play the video', async () => {
+ await browser.sleep(4000)
+
+ await videoWatchPage.pauseVideo()
+ expect(videoWatchPage.getWatchVideoPlayerCurrentTime()).toBeGreaterThanOrEqual(2)
+ })
+})
"tslint": "tslint",
"ng": "ng",
"postinstall": "npm rebuild node-sass && node angular-cli-patch.js",
- "webpack-bundle-analyzer": "webpack-bundle-analyzer"
+ "webpack-bundle-analyzer": "webpack-bundle-analyzer",
+ "webdriver-manager": "webdriver-manager"
},
"license": "GPLv3",
"resolutions": {
<my-video-thumbnail [video]="video" [nsfw]="isVideoBlur()"></my-video-thumbnail>
<div class="video-miniature-information">
- <span class="video-miniature-name">
- <a
- class="video-miniature-name"
- [routerLink]="[ '/videos/watch', video.uuid ]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoBlur() }"
- >
- {{ video.name }}
- </a>
- </span>
+ <a
+ class="video-miniature-name"
+ [routerLink]="[ '/videos/watch', video.uuid ]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoBlur() }"
+ >
+ {{ video.name }}
+ </a>
<span class="video-miniature-created-at-views">{{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
<a class="video-miniature-account" [routerLink]="[ '/accounts', video.account.id ]">{{ video.by }}</a>
set -eu
-#npm run build:server
npm run clean:server:test
+(
+ cd client
+ npm run webdriver-manager update
+)
+
concurrently -k -s first \
"cd client && npm run ng -- e2e" \
- "NODE_ENV=test NODE_APP_INSTANCE=1 npm start"
+ "NODE_ENV=test NODE_APP_INSTANCE=1 NODE_CONFIG='{ \"log\": { \"level\": \"warning\" } }' npm start"
projects / oweals / peertube.git / commitdiff