ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ov-components: Added elements ids for testing

pull/839/head
Carlos Santos 2024-07-26 13:17:37 +02:00 committed by Unknown
parent a7e5f27eb0
commit 9f7efd8ad5
5 changed files with 51 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
.github/workflows/openvidu-components-angular-E2E.yml vendored
View File

@ -97,69 +97,48 @@ jobs:
- name: Run openvidu-components-angular E2E - name: Run openvidu-components-angular E2E
run: npm run lib:e2e-ci --prefix openvidu-components-angular run: npm run lib:e2e-ci --prefix openvidu-components-angular
# webcomponent_e2e: webcomponent_e2e:
# needs: test_setup needs: test_setup
# name: Webcomponent E2E CE tests name: Webcomponent E2E CE tests
# runs-on: ubuntu-latest runs-on: ubuntu-latest
# steps: steps:
# - uses: actions/checkout@v4 - name: Checkout Repository
# with: uses: actions/checkout@v4
# ref: ${{ inputs.commit_sha || github.sha }} with:
# - uses: actions/setup-node@v4 ref: ${{ inputs.commit_sha || github.sha }}
# with: - name: Setup Node.js
# node-version: '20' uses: actions/setup-node@v4
# - uses: actions/download-artifact@v4 with:
# with: node-version: '20'
# name: openvidu-browser - name: Run Browserless Chrome
# path: openvidu-components-angular run: docker run -d -p 3000:3000 --network host browserless/chrome:1.57-chrome-stable
# - name: Run Browserless Chrome - name: Run openvidu-local-deployment
# run: docker run -d -p 3000:3000 --network host browserless/chrome:1.57-chrome-stable run: |
# - name: Run openvidu-server-kms git clone --depth 1 https://github.com/OpenVidu/openvidu-local-deployment
# run: | cd openvidu-local-deployment/community
# docker run -p 4443:4443 --rm -d \ ./configure_lan_private_ip_linux.sh
# -e OPENVIDU_SECRET=MY_SECRET \ docker compose up -d
# openvidu/openvidu-dev:latest - name: Wait for openvidu-local-deployment
# - name: Install openvidu-browser and dependencies run: |
# run: | until curl -s -f -o /dev/null http://localhost:7880; do
# cd openvidu-components-angular echo "Waiting for openvidu-local-deployment to be ready..."
# npm install openvidu-browser-*.tgz sleep 5
# - name: Build openvidu-angular done
# run: npm run lib:build --prefix openvidu-components-angular - name: Run openvidu-call-backend
# - name: Build openvidu-webcomponent run: |
# run: npm run webcomponent:build --prefix openvidu-components-angular git clone --depth 1 https://github.com/OpenVidu/openvidu-call
# - name: Serve Webcomponent Testapp cd openvidu-call/openvidu-call-back
# run: npm run webcomponent:serve-testapp --prefix openvidu-components-angular & npm install
# - name: Run Webcomponent E2E npm run dev:start &
# run: npm run webcomponent:e2e-ci --prefix openvidu-components-angular - name: Install dependencies
run: |
# webcomponent_e2e_pro: cd openvidu-components-angular
# if: false #Skip PRO test because infra is unstable npm install
# needs: test_setup - name: Build openvidu-angular
# name: Webcomponent E2E PRO tests run: npm run lib:build --prefix openvidu-components-angular
# runs-on: ubuntu-latest - name: Build openvidu-webcomponent
# steps: run: npm run webcomponent:build --prefix openvidu-components-angular
# - uses: actions/checkout@v4 - name: Serve Webcomponent Testapp
# - uses: actions/setup-node@v4 run: npm run webcomponent:serve-testapp --prefix openvidu-components-angular &
# with: - name: Run Webcomponent E2E
# node-version: '20' run: npm run webcomponent:e2e-ci --prefix openvidu-components-angular
# - uses: actions/download-artifact@v4
# with:
# name: openvidu-browser
# path: openvidu-components-angular
# - name: Run Browserless Chrome
# run: docker run -d -p 3000:3000 --network host browserless/chrome:1.57-chrome-stable
# - name: Install openvidu-browser and dependencies
# run: |
# cd openvidu-components-angular
# npm install openvidu-browser-*.tgz
# - name: Build openvidu-angular
# run: npm run lib:build --prefix openvidu-components-angular
# - name: Build openvidu-webcomponent
# run: npm run webcomponent:build --prefix openvidu-components-angular
# - name: Serve Webcomponent Testapp
# run: npm run webcomponent:serve-testapp --prefix openvidu-components-angular &
# - name: Run Webcomponent E2E PRO
# env:
# OPENVIDU_SERVER_URL: ${{ secrets.OPENVIDU_CALL_NEXT_URL }}
# OPENVIDU_SECRET: ${{ secrets.OPENVIDU_CALL_NEXT_SECRET }}
# run: npm run webcomponent:e2e-pro-ci --prefix openvidu-components-angular

1
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/background-effects-panel/background-effects-panel.component.html
View File

@ -35,6 +35,7 @@
<div <div
*ngFor="let effect of backgroundImages" *ngFor="let effect of backgroundImages"
class="effect-button" class="effect-button"
[id]="'effect-' + effect.id"
[class.active-effect-btn]="backgroundSelectedId === effect.id" [class.active-effect-btn]="backgroundSelectedId === effect.id"
(click)="applyBackground(effect)" (click)="applyBackground(effect)"
> >

2
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
View File

@ -17,7 +17,7 @@
<p *ngIf="data.isLocal">{{ 'PANEL.CHAT.YOU' | translate }}</p> <p *ngIf="data.isLocal">{{ 'PANEL.CHAT.YOU' | translate }}</p>
<p *ngIf="!data.isLocal">{{ data.participantName }}</p> <p *ngIf="!data.isLocal">{{ data.participantName }}</p>
</div> </div>
<div class="msg-content"> <div class="chat-message">
<p [innerHTML]="data.message | linkify"></p> <p [innerHTML]="data.message | linkify"></p>
</div> </div>
</div> </div>

6
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.scss
View File

@ -77,7 +77,7 @@
color: var(--ov-panel-text-color); color: var(--ov-panel-text-color);
} }
.msg-content { .chat-message {
position: relative; position: relative;
border-radius: var(--ov-panel-radius); border-radius: var(--ov-panel-radius);
padding: 8px; padding: 8px;
@ -102,7 +102,7 @@
text-align: left; text-align: left;
} }
.message.left .msg-detail .msg-content { .message.left .msg-detail .chat-message {
float: left; float: left;
} }
@ -114,7 +114,7 @@
text-align: right; text-align: right;
} }
.message.right .msg-detail .msg-content { .message.right .msg-detail .chat-message {
float: right; float: right;
} }

1
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/participant-name-input/participant-name-input.component.html
View File

@ -6,6 +6,7 @@
</button> </button>
</mat-select-trigger> </mat-select-trigger>
<input <input
id="name-input"
matInput matInput
(change)="updateName()" (change)="updateName()"
type="text" type="text"