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
run: npm run lib:e2e-ci --prefix openvidu-components-angular
# webcomponent_e2e:
# needs: test_setup
# name: Webcomponent E2E CE tests
# runs-on: ubuntu-latest
# steps:
# - uses: actions/checkout@v4
# with:
# ref: ${{ inputs.commit_sha || github.sha }}
# - uses: actions/setup-node@v4
# with:
# node-version: '20'
# - 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: Run openvidu-server-kms
# run: |
# docker run -p 4443:4443 --rm -d \
# -e OPENVIDU_SECRET=MY_SECRET \
# openvidu/openvidu-dev:latest
# - 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
# run: npm run webcomponent:e2e-ci --prefix openvidu-components-angular
# webcomponent_e2e_pro:
# if: false #Skip PRO test because infra is unstable
# needs: test_setup
# name: Webcomponent E2E PRO tests
# runs-on: ubuntu-latest
# steps:
# - uses: actions/checkout@v4
# - uses: actions/setup-node@v4
# with:
# node-version: '20'
# - 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
webcomponent_e2e:
needs: test_setup
name: Webcomponent E2E CE tests
runs-on: ubuntu-latest
steps:
- name: Checkout Repository
uses: actions/checkout@v4
with:
ref: ${{ inputs.commit_sha || github.sha }}
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '20'
- name: Run Browserless Chrome
run: docker run -d -p 3000:3000 --network host browserless/chrome:1.57-chrome-stable
- name: Run openvidu-local-deployment
run: |
git clone --depth 1 https://github.com/OpenVidu/openvidu-local-deployment
cd openvidu-local-deployment/community
./configure_lan_private_ip_linux.sh
docker compose up -d
- name: Wait for openvidu-local-deployment
run: |
until curl -s -f -o /dev/null http://localhost:7880; do
echo "Waiting for openvidu-local-deployment to be ready..."
sleep 5
done
- name: Run openvidu-call-backend
run: |
git clone --depth 1 https://github.com/OpenVidu/openvidu-call
cd openvidu-call/openvidu-call-back
npm install
npm run dev:start &
- name: Install dependencies
run: |
cd openvidu-components-angular
npm install
- 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
run: npm run webcomponent:e2e-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
*ngFor="let effect of backgroundImages"
class="effect-button"
[id]="'effect-' + effect.id"
[class.active-effect-btn]="backgroundSelectedId === effect.id"
(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">{{ data.participantName }}</p>
</div>
<div class="msg-content">
<div class="chat-message">
<p [innerHTML]="data.message | linkify"></p>
</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);
}
.msg-content {
.chat-message {
position: relative;
border-radius: var(--ov-panel-radius);
padding: 8px;
@ -102,7 +102,7 @@
text-align: left;
}
.message.left .msg-detail .msg-content {
.message.left .msg-detail .chat-message {
float: left;
}
@ -114,7 +114,7 @@
text-align: right;
}
.message.right .msg-detail .msg-content {
.message.right .msg-detail .chat-message {
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>
</mat-select-trigger>
<input
id="name-input"
matInput
(change)="updateName()"
type="text"