お試し

examples/messaging/index.html

@@ -9,6 +9,7 @@
   <div class="container">
     <h1>DataChannel messaging test</h1>
     <p>複数のブラウザで開いて sendMessage することで動作確認できます</p>
+    <h2>sora-js-sdk version: <span id="sora-js-sdk-version"></span></h2>
     <label for="channel-name">チャンネル名:</label>
     <input type="text" id="channel-name" name="channel-name" value="messaging"><br>
     <div id="connection-id"></div>

examples/messaging/main.mts

@@ -21,6 +21,12 @@ document.addEventListener('DOMContentLoaded', async () => {
   const SORA_CHANNEL_ID_SUFFIX = import.meta.env.VITE_SORA_CHANNEL_ID_SUFFIX || ''
   const ACCESS_TOKEN = import.meta.env.VITE_ACCESS_TOKEN || ''
 
+  const soraJsSdkVersion = Sora.version()
+  const soraJsSdkVersionElement = document.getElementById('sora-js-sdk-version')
+  if (soraJsSdkVersionElement) {
+    soraJsSdkVersionElement.textContent = soraJsSdkVersion
+  }
+
   let client: SoraClient
 
   document.querySelector('#connect')?.addEventListener('click', async () => {

tests/helper.ts

@@ -1,24 +1,13 @@
-import * as fs from 'node:fs'
-import * as path from 'node:path'
-
-const getPackageVersion = (): string => {
-  const packageJsonPath = path.resolve(__dirname, '../examples/package.json')
-  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
-  return packageJson.dependencies['sora-js-sdk'].replace('^', '')
-}
-
 // バージョン比較用のヘルパー関数を追加
-export const isVersionGreaterThanOrEqual = (version: string): boolean => {
-  const packageVersion = getPackageVersion()
-
+export const isVersionGreaterThanOrEqual = (packageVersion: string, version: string): boolean => {
   const v1Parts = packageVersion.split('.').map(Number)
   const v2Parts = version.split('.').map(Number)
 
   for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
     const v1 = v1Parts[i] || 0
     const v2 = v2Parts[i] || 0
-    if (v1 < v2) return true
-    if (v1 > v2) return false
+    if (v1 > v2) return true
+    if (v1 < v2) return false
   }
   return true
 }

tests/message_header.spec.ts

@@ -2,11 +2,6 @@ import { expect, test } from '@playwright/test'
 import { isVersionGreaterThanOrEqual } from './helper'
 
 test('messaging pages with header', async ({ browser }) => {
-  test.skip(
-    !isVersionGreaterThanOrEqual('2024.2.0'),
-    'このテストは sora-js-sdk 2024.2.0 以降でのみ実行されます',
-  )
-
   // 新しいページを2つ作成
   const page1 = await browser.newPage()
   const page2 = await browser.newPage()
@@ -15,6 +10,18 @@ test('messaging pages with header', async ({ browser }) => {
   await page1.goto('http://localhost:9000/messaging/')
   await page2.goto('http://localhost:9000/messaging/')
 
+  // sora js sdk のバージョンを取得する
+  await page1.waitForSelector('#sora-js-sdk-version')
+  const page1SoraJsSdkVersion = await page1.$eval('#sora-js-sdk-version', (el) => el.textContent)
+  if (page1SoraJsSdkVersion === null) {
+    throw new Error('page1SoraJsSdkVersion is null')
+  }
+  // sora-js-sdk のバージョンが 2024.2.0 以上であるか確認して、2024.2.0 未満の場合はテストをスキップする
+  test.skip(
+    !isVersionGreaterThanOrEqual(page1SoraJsSdkVersion, '2024.2.0'),
+    'sora-js-sdk のバージョンが 2024.2.0 以上である必要があります',
+  )
+
   // チャネル名を設定する
   await page1.fill('input[name="channel-name"]', 'message-header')
   await page2.fill('input[name="channel-name"]', 'message-header')

tests/messaging.spec.ts

@@ -3,11 +3,6 @@ import { isVersionGreaterThanOrEqual } from './helper'
 
 // sora-js-sdk のバージョンが 2024.2.0 以降の場合のみ実行したい
 test('messaging pages', async ({ browser }) => {
-  test.skip(
-    !isVersionGreaterThanOrEqual('2024.2.0'),
-    'このテストは sora-js-sdk 2024.2.0 以降でのみ実行されます',
-  )
-
   // 新しいページを2つ作成
   const page1 = await browser.newPage()
   const page2 = await browser.newPage()
@@ -16,6 +11,15 @@ test('messaging pages', async ({ browser }) => {
   await page1.goto('http://localhost:9000/messaging/')
   await page2.goto('http://localhost:9000/messaging/')
 
+  // sora js sdk のバージョンを取得する
+  await page1.waitForSelector('#sora-js-sdk-version')
+  const page1SoraJsSdkVersion = await page1.$eval('#sora-js-sdk-version', (el) => el.textContent)
+  if (page1SoraJsSdkVersion === null) {
+    throw new Error('page1SoraJsSdkVersion is null')
+  }
+  // sora-js-sdk のバージョンが 2024.2.0 以上であるか確認して、2024.2.0 未満の場合はテストをスキップする
+  test.skip(!isVersionGreaterThanOrEqual(page1SoraJsSdkVersion, '2024.2.0'), 'sora-js-sdk のバージョンが 2024.2.0 以上である必要があります')
+
   // Compress のTrue/Falseをランダムで設定する
   const selectedCompress1 = await page1.evaluate(() => {
     const checkCompress = document.getElementById('check-compress') as HTMLInputElement