Node.js 설치: 브라우저 없이 서버에서 버튼 작동 체크

dnf list --available nodejs

사용 가능한 꾸러미
nodejs.x86_64                    1:16.20.2-8.el9_4                     appstream

dnf module list nodejs

nodejs 18     common [d], development, minimal, s2i Javascript runtime
nodejs 20     common [d], development, minimal, s2i Javascript runtime
nodejs 22     common [d], development, minimal, s2i Javascript runtime
nodejs 24     common [d], development, minimal, s2i Javascript runtime

dnf module install nodejs:24 --assumeno

dnf module install -y nodejs:24

종속성이 해결되었습니다.
==============================================================================================
 꾸러미             구조    버전                                              저장소      크기
==============================================================================================
그룹/모듈 꾸러미 설치:
 nodejs             x86_64  1:24.21.0-1.module_el9.8.0+321+1555b6a2           appstream   70 k
 npm                noarch  1:11.19.0-1.24.21.0.1.module_el9.8.0+321+1555b6a2 appstream  2.1 M
종속 꾸러미 설치 중:
 nodejs-libs        x86_64  1:24.21.0-1.module_el9.8.0+321+1555b6a2           appstream   24 M
취약한 종속 꾸러미 설치 중:
 nodejs-docs        noarch  1:24.21.0-1.module_el9.8.0+321+1555b6a2           appstream  5.3 M
 nodejs-full-i18n   x86_64  1:24.21.0-1.module_el9.8.0+321+1555b6a2           appstream  8.9 M
모듈 프로파일 설치:
 nodejs/common                                                                                
모듈 스트림 활성화:
 nodejs                     24                                                                

연결 요약
==============================================================================================
설치  5 꾸러미

전체 내려받기 크기: 40 M
설치된 크기 : 185 M

node -v

v24.21.0

npm -v

11.19.0

cat /etc/dnf/modules.d/nodejs.module

[nodejs]
name=nodejs
stream=24
profiles=common
state=enabled

mkdir ~/jsdom-test && cd ~/jsdom-test
npm init -y

npm install jsdom

added 36 packages, and audited 37 packages in 2s

8 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

npm ls jsdom

jsdom-test@1.0.0 /root/jsdom-test
└── jsdom@30.1.3

node -e 'const { JSDOM } = require(`jsdom`); console.log(new JSDOM(`<h1>안녕</h1>`).window.document.querySelector(`h1`).textContent)'

안녕

cat btn.html

<button id="copy">복사</button>
<script>
document.getElementById('copy').addEventListener('click', function () {
  this.textContent = '복사됨';
});
</script>

cat check.js

const fs = require('fs');
const { JSDOM, VirtualConsole } = require('jsdom');

const vc = new VirtualConsole();
vc.on('jsdomError', (e) => console.log('오류:', e.message));

const dom = new JSDOM(fs.readFileSync(process.argv[2], 'utf8'), {
  runScripts: 'dangerously',
  virtualConsole: vc,
});
const btn = dom.window.document.querySelector('#copy');
console.log('누르기 전:', btn.textContent);
btn.click();
console.log('누른 뒤:', btn.textContent);

node check.js btn.html

누르기 전: 복사
누른 뒤: 복사됨

sed 's/getElementById/getElementByld/' btn.html > btn-broken.html
node check.js btn-broken.html

오류: Uncaught [TypeError: document.getElementByld is not a function]
누르기 전: 복사
누른 뒤: 복사

cat size.js

const { JSDOM } = require('jsdom');
const dom = new JSDOM('<button id="copy" style="width:120px;height:40px">복사</button>');
const btn = dom.window.document.querySelector('#copy');
console.log('높이:', btn.offsetHeight, '/ 너비:', btn.getBoundingClientRect().width);

node size.js

높이: 0 / 너비: 0